This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Move sidebar to the left on individual page

Resolved 7 replies premiumthemetheme-vantage
rccs50
11 years ago · Last reply by Andrew Misplon 11 years ago

How do I move the sidebar from right to the left on an individual page. I want some pages with the sidebar on the right and some on the left. Much appreciated.

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

7
  1. Andrew Misplon Staff 11 years, 2 months ago

    Hi rccs50

    This is something that currently needs to be done with Custom CSS. Insert the following under Appearance > Custom CSS:

    /* Vantage Display Left Sidebar */
.blog #primary,
.single #primary,
.default #primary,
.page #primary { 
        float: right; }
.blog #secondary,
.single #secondary,
.default #secondary,
.page #secondary { 
        float: left; }
.home #primary {
        float: none;
}

    The first selector is for the main div, the second selector is for the sidebar. You’d need to delete the lines you don’t require. Here is what each line means:

    .blog: Blog/Archive page
    .single: Single post page
    .default: Default page template
    .page: All pages
    .home: Home page

    If you delete the .blog line be sure to delete it both times it appears. Same for the other classes.

  2. rccs50 11 years, 2 months ago

    Thank you Andrew. Is there a way to identify an individual page, say for instance on my about us page I want the sidebar on the left but all other pages on the right. Can this be done?

    Thank you for your time

  3. Andrew Misplon Staff 11 years, 2 months ago

    Sure. If you inspect the page source and find the body tag you’ll see a unique class there. Something like page-id-18. If it was that you’d then say:

    /* Vantage Display Left Sidebar */
.page-id-18 #primary { 
        float: right; }
.page-id-18 #secondary { 
        float: left; }

    Send through a link if you don’t manage this.

  4. rccs50 11 years, 2 months ago

    Brilliant. Thank you. By the way What is primary and secondary?

  5. Andrew Misplon Staff 11 years, 2 months ago

    For sure.

    #primary is the main content container and #secondary is the sidebar.

  6. rccs50 11 years, 2 months ago

    Thank you

  7. Andrew Misplon Staff 11 years, 2 months ago

    For sure.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread