Move sidebar to the left on individual page

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.

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.

For sure.

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

For sure.