Is there a way to make it so that the left and content are elastic (as in 1a) but right is fixed 150 px?

Thanks. Great theme package by the way. Much appreciate the accessibility stuff, great work.

Paul

Comments

Jeff Burnz’s picture

Yes, you can do this by overriding the layout in your subthemes css:

#genesis-1a .two-sidebars .content-inner{margin:0 22em 0 170px;}
#genesis-1a .sidebar-first .content-inner{margin-left:170px;}
#genesis-1a .sidebar-second .content-inner{margin-right:22em;}
#genesis-1a #sidebar-first{width:150px;margin-left:-100%;}
#genesis-1a #sidebar-second{width:20em;margin-left:-20em;}
palminas’s picture

Thank you kindly for your help. I noticed that stuff in the layout.css file but wasn't sure where else it was (being that layout.css, if I'm not mistaken, is not actually used but for demonstration only). Perhaps I missed something in the comments. Anyway, thanks again!

Paul

palminas’s picture

I'm sorry. I'm a total newbie here.

Which CSS file do I put that in? I can only find .sidebar-right and .sidebar-left, I cannot find any mention anywhere of .sidebar-first and .sidebar-second.

I'm pretty new to CSS (I used to do tables design which is no good these days) so it would be really helpful if you would tell me exactly where to put that code you put up above. I have searched all of the CSS files for the strings "#genesis" and "sidebar-first" and cannot figure out where this is supposed to go.

Thanks.

Paul

Jeff Burnz’s picture

Ops, sorry, I copied that from that layout from 7.x version of the theme and modded it....

This is the right code, just stick in page.css, right at the top.

#genesis-1a .two-sidebars .content-inner{margin:0 22em 0 170px;}
#genesis-1a .sidebar-left .content-inner{margin-left:170px;}
#genesis-1a .sidebar-right .content-inner{margin-right:22em;}
#genesis-1a #sidebar-left{width:150px;margin-left:-100%;}
#genesis-1a #sidebar-right{width:20em;margin-left:-20em;}

BTW, layout.css is most certainly used, don't unset it, it has other code the layout needs to work.