WordPress.org

Ready to get started?Download WordPress

Forums

Adding space between widgets (7 posts)

  1. frenchtouchmusic
    Member
    Posted 3 years ago #

    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,

  2. esmi
    Forum Moderator
    Posted 3 years ago #

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

    #colRightInner h2 {
        border-bottom: 1px solid #E2E2D8;
        font-size: 16px;
        padding: 5px 0 8px;
    }
  3. frenchtouchmusic
    Member
    Posted 3 years 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

  4. esmi
    Forum Moderator
    Posted 3 years 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.

  5. frenchtouchmusic
    Member
    Posted 3 years ago #

    Unfortunately it doesn't work! :(

    Any other idea?

  6. esmi
    Forum Moderator
    Posted 3 years ago #

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

  7. cyberhawk
    Member
    Posted 2 years ago #

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

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

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags