• https://www.ridgeblog.ca

    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?
    Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Try using Firefox with the Firebug add-on for this kind of CSS work.
    https://getfirebug.com/

    Thread Starter rarefires

    (@rarefires)

    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.

    Thread Starter rarefires

    (@rarefires)

    Elaine, is that part of the style.css ? Please post a code snippet if you can to help me find that section..

    Thread Starter rarefires

    (@rarefires)

    Just looked through style.css – the #secondary div comes up four times in the following sections:

    /* =Structure———————————————– */
    /* Right Content */
    /* One column */
    and
    /* =Responsive Structure————————————- */

    I don’t have any right content, so which one of these sections should I edit – “structure”, “one column” or “responsive structure” ??

    Thanks.

    Hey Rarefires,

    you want the first one.

    it’ll say something like this (hopefully exactly this)

    #secondary {

    float: right;

    margin-right: 7.6%;

    width: 18.8%;

    in your child theme add
    #secondary {
    padding:
    }

    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.

    Thread Starter rarefires

    (@rarefires)

    Thanks stevewatt,

    I added just this code in my child theme style.css:
    #secondary {
    padding: 0
    }

    , 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.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Sidebar padding in Twentyeleven’ is closed to new replies.