WordPress.org

Ready to get started?Download WordPress

Forums

Sidebar padding in Twentyeleven (8 posts)

  1. rarefires
    Member
    Posted 2 years ago #

    http://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.

  2. esmi
    Forum Moderator
    Posted 2 years ago #

    Try using Firefox with the Firebug add-on for this kind of CSS work.
    http://getfirebug.com/

  3. rarefires
    Member
    Posted 2 years ago #

    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?

  4. Elaine Griffin
    Member
    Posted 2 years ago #

    Did you edit the #secondary div? That is the div for the sidebar.

  5. rarefires
    Member
    Posted 2 years ago #

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

  6. rarefires
    Member
    Posted 2 years ago #

    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.

  7. stevewatt
    Member
    Posted 2 years ago #

    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.

  8. rarefires
    Member
    Posted 2 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic