Sidebar padding in Twentyeleven
I’m trying to figure out how to reduce the sidepar padding, as all the sidebar contents were squished after I narrowed the sidebar.
I used this modification of style.css in my child theme to narrow the sidebar:
[CSS moderated as per the Forum Rules. Please just post a link to your site.]
Anyone know how to reduce the sidepar padding?
Try using Firefox with the Firebug add-on for this kind of CSS work.
I am learning how to use Firebug now, but don’t really get it yet. Does anyone know what part of my child theme style.css I should modify?
Did you edit the #secondary div? That is the div for the sidebar.
Elaine, is that part of the style.css ? Please post a code snippet if you can to help me find that section..
Just looked through style.css – the #secondary div comes up four times in the following sections:
/* =Structure———————————————– */
/* Right Content */
/* One column */
/* =Responsive Structure————————————- */
I don’t have any right content, so which one of these sections should I edit – “structure”, “one column” or “responsive structure” ??
you want the first one.
it’ll say something like this (hopefully exactly this)
in your child theme add
and enter your padding values
I’ve recently been working on something similar, so I hope this will work for you
It’s been yonks since I’ve done serious CSS and these forums have been really helpful.
I added just this code in my child theme style.css:
, with the hopes that the 0 there affects the padding in the sidebar. But there’s no change. Can I use negative values, like -20% ?
Gotta admit, I’m a little confused.. and to add to this confusion, I’m using a widget called Simple Image Link to place the graphics in teh sidebar, since I don’t know how to use the text widget to do this.
- The topic ‘Sidebar padding in Twentyeleven’ is closed to new replies.