Come together with the global Drupal community in Rotterdam, 28 Sept – 1 Oct 2026. Sessions, contribution, connection, and Early Bird savings until 8 June.So this is a great working playground for building up my own theme... so thank you.
Question however, i see that with a layout i can adjust the column position and width (to preset defaults). However, how do i change the width of the left & right column individually? I have tried changing:
/* Target a specific sidebar or its sidebar-inner. */
#sidebar-left {
width: 330 px;}
#sidebar-left .inner {
width: 330 px;}
#sidebar-right {
width: 221 px;}
#sidebar-right .inner {
width: 221 px;}
which has no effect. It appears that there is a lot more to adjusting this. Any help?
| Comment | File | Size | Author |
|---|---|---|---|
| #1 | Picture 1.png | 23.28 KB | cmurockstar |
Comments
Comment #1
cmurockstar commentedSpecifically, things appear to be superseded (like width and margins) by the layout css
Comment #2
Jeff Burnz commentedWhat you do is copy the relevant layout from layout.css to your genesis_SUBTHEME.css file and make the changes there.
You are using genesis_3 so just copy/paste all the code from layout.css for #genesis_3 to your subtheme and make changes.
You can use pixels but I would advise to stick with ems (there is a link to a "pixels to ems" calculator in layout.css comments), or else just divide the number of pixels by 12, such as 330/12 = 27.5em
Comment #3
myth-1 commentedClear for me, thanks!!
Comment #4
Jeff Burnz commented