main text ~ side bar

• 

  hetmachien · Member · Dec 19, 2014 at 9:44 pm

  • Copy link
  • Add topic to favorites

  I want the text part of my blog to be wider and my sidebar narrower, when I change the width in the CSS part, it doesn’t do anything. And I know it’s me being a CSS idiot, but I can’t find where to adjust these widths… Can anyone help me?

  The blog I need help with is: (visible only to logged in users)

• 

  jeremeylduvall · Member · Dec 19, 2014 at 10:00 pm

  • Copy link

  Hi!

  Can you try adding this to the bottom of your CSS?

  #main {
  	width: 80%;
  }
  
  #sidebar {
  	width: 15%;
  }

  That appears to be working on my side. Also, I checked this on mobile devices, and it appears to look alright (doesn’t affect the mobile theme layout). But, please take a look on your mobile device once you’ve saved this CSS just to be sure!

• 

  hetmachien · Member · Dec 19, 2014 at 10:06 pm

  • Copy link

  On the desktop it already looks good, checking the iPad now. Thanks a million, Jeremey!

• 

  hetmachien · Member · Dec 19, 2014 at 10:08 pm

  • Copy link

  Jeremey, is it possible to move the left hand margin more to the left? Or in my case/ theme add an extra sidebar on the left?

• 

  jeremeylduvall · Member · Dec 22, 2014 at 5:18 pm

  • Copy link

  Hi @hetmachien,

  It isn’t possible to add an extra sidebar on the left-hand side with the Bueno theme through CSS. If you’re looking for two sidebars, you would be better of switching to something like Twenty Fourteen:

  http://twentyfourteendemo.wordpress.com/

  is it possible to move the left hand margin more to the left?

  That’s definitely possible. I’m just not entirely sure what you’re referring to. What would the main goal here be? Are you trying to expand the entire width of the content both directions like this?

  http://d.pr/i/176I0

• 

  hetmachien · Member · Dec 22, 2014 at 6:26 pm

  • Copy link

  I’m happy with the width of the body and current righthand sidebar, but I’m thinking of adding a sidebar to the left (of the body) as well, but I’m not sure I can do this with the Bueno theme I’m using.

• 

  jeremeylduvall · Member · Dec 22, 2014 at 9:15 pm

  • Copy link

  I’m thinking of adding a sidebar to the left (of the body) as well, but I’m not sure I can do this with the Bueno theme I’m using.

  The Bueno theme only comes with one sidebar, and it isn’t possible to add another sidebar through CSS. If you would like two sidebars, you would need to select another theme.

  What are you wanting to put into the two sidebars? Flounder, while it only offers one sidebar, allows you to use the menu on the left and a sidebar on the right (looks like two sidebars):

  https://flounderdemo.wordpress.com/

• 

  hetmachien · Member · Dec 22, 2014 at 9:45 pm

  • Copy link

  Ok, and if I change to this theme, will the basic lay-out (background, colour scheme, typographic elements) stay the same, or does this change erase everything so I start from scratch?

• 

  jeremeylduvall · Member · Dec 22, 2014 at 10:48 pm

  • Copy link

  Your customizations (including CSS) would reset. However, old CSS changes would still be available in your revision history as described here:

  http://en.support.wordpress.com/custom-design/editing-css/#css-revisions

  Please note, the CSS selectors may change meaning you would need to go through and find the selectors pertaining to Flounder to make sure the CSS works.