Adding space between widgets

Viewing 6 replies - 1 through 6 (of 6 total)
  • esmi

    (@esmi)

    15 years, 3 months ago

    Edit style.css and add margin-top:20px; to:

    #colRightInner h2 {
    border-bottom: 1px solid #E2E2D8;
    font-size: 16px;
    padding: 5px 0 8px;
}
    Thread Starter frenchtouchmusic

    (@frenchtouchmusic)

    15 years, 3 months ago

    Thanks Esmi for your answer,
    but the thing is I want to add a margin in the bottom of each widget!

    If I add your line, the first widget will not be at the top of the right column!

    What could be the code to add a margin only at the bottom?

    Thanks in advance

    esmi

    (@esmi)

    15 years, 3 months ago

    Unfortunately, the way in which the sidebar widgets have been coded doesn’t make this especially easy. You could try adding:

    .textwidget {
margin-bottom:20px;
}

    to the bottom of style.css and see if that helps.

    Thread Starter frenchtouchmusic

    (@frenchtouchmusic)

    15 years, 3 months ago

    Unfortunately it doesn’t work! 🙁

    Any other idea?

    esmi

    (@esmi)

    15 years, 3 months ago

    Not without editing the theme to add some better markup around the individual widgets.

    cyberhawk

    (@cyberhawk)

    14 years, 4 months ago

    Try putting the following code at the bottom of your .css file:

    /* reduce space between widgets in sidebar */
    .widget{
    margin-bottom: 10px;
    }

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Adding space between widgets’ is closed to new replies.