Sidebar Positioning

James Barbour's Avatar

James Barbour

17 Apr, 2012 03:43 AM

Is it possible to change the sidebar positioning so it's different on different pages?

  1. 1 Posted by Briehan Lombaar... on 17 Apr, 2012 06:51 AM

    Briehan Lombaard's Avatar

    Hi James,

    I'm assuming this is for the JIA Creative site which is currently using the Sigma skin. You can change the position of the sidebar by using the following CSS:

    #main .content {
        float: right;
    }
    #main .sidebar {
        float: left;
    }
    

    We need to adjust the main content area as well as the sidebar. Since the sidebar is on the right-hand side by default we move it to the left using float: left and then do the opposite for the content area.

    If you want to apply this to only one page you can add the CSS to the "Code" variable of the page. Otherwise, to apply it to the entire site, you can put it into the "Header code" field in the "Code" section of your skin settings.

  2. Briehan Lombaard closed this discussion on 17 Apr, 2012 06:51 AM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac

Recent Discussions

18 Sep, 2017 10:42 AM
18 Sep, 2017 09:53 AM
15 Sep, 2017 11:01 AM
14 Sep, 2017 09:04 AM
11 Sep, 2017 08:00 AM