Support » Fixing WordPress » Adding space between widgets

  • Hello,

    I would like to add some space between my widgets as they’re all close together. I tried to add empty widgets and to modify margins, padding and borders in style.css
    Nothing is working! 🙁

    Could you please help me!?

    My website is http://www.frenchtouchmusic.net

    Thanks,

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

    (@esmi)

    Forum Moderator

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

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

    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)

    Forum Moderator

    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.

    Unfortunately it doesn’t work! 🙁

    Any other idea?

    esmi

    (@esmi)

    Forum Moderator

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

    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.