Link to home
Start Free TrialLog in
Avatar of deitercat2
deitercat2

asked on

Moving Wordpress Sidebar from Right to Left

I'm using the twentytwelve theme and I want to move the sidebar to the left side of the page, I realize that I need to change the floats for the content and the sidebar.  My problem is I cant find the file location of where these styles are called.

 I'm also using the simple sidebar plugin, not sure if this is related to my issue.
Avatar of Jason C. Levine
Jason C. Levine
Flag of United States of America image

The plugin shouldn't matter.

TwentyTwelve makes heavy use of get_template_part() so finding stuff can be a little tricky.  Are you familiar with how to read that function and locate the theme files it refers to?
Avatar of deitercat2
deitercat2

ASKER

Not really, I was able to locate get_template_directory() in the functions.php file.
ASKER CERTIFIED SOLUTION
Avatar of andy_adams
andy_adams

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Thank you andy_adams, that is exactly what I was looking for.  Now I just need to reduce the large space between the nav and content area.
Great! Not sure if this is what you're looking for, but if you modify the above to read:

.site-content {
  float: right;
  margin-top: 0;
}
.widget-area {
  float: left;
  margin-top: 0;
}

Open in new window


...it might reduce it to your liking.
I'm sorry, I meant reducing the space between the left navigation and the content that spans the remainder of the page.
I gotcha. It might require some tweaking on your part, but you can increase the width of the content area (thus pushing it to the left) using this CSS (add to the bottom of style.css):

@media screen and (min-width: 600px) {
  .site-content {
    width: 73.1%;
  }
}

Open in new window


Play with that value, maybe also with the margins, and let me know how it works!
Andy, thanks for your help, that is much better.  My biggest struggle with WP is getting a handle on where everything is.  I use the inspect element a lot in the browser, but pinpointing the styles and their locations can be maddening at times.  I'm sure I'll have more questions very soon.  -Deitercat2 (Jeff)
Appreciated experts comments, recommendations and sincere effort to help resolve my question.