WordPress.org

Ready to get started?Download WordPress

Forums

Spacing Issue in Sidebar (6 posts)

  1. oysteroyster
    Member
    Posted 3 years ago #

    I'm having a slight problem with the spacing between my sidebar titles and the content beneath them (they're too close). See my website here - http://www.thomasharveydesign.co.uk/blog/

    For example I would like a bigger gap between "About Me" and "A twenty-something..."

    My theme also adds a dotted line break between certain things in the sidebar but often seems to add an extra one, two or three below.

    I can't quite work out what exactly needs changing in my stylesheet (if indeed it is the stylesheet that holds the solution) but I'm hoping someone else can shed some light on this. The style.css code is posted below.

    [Huge chunk of CSS moderated as per the Forum Rules. Please just post a link to your site instead.]

  2. esmi
    Theme Diva & Forum Moderator
    Posted 3 years ago #

    style.css. Increase the value for margin-bottom to increase the spacing

    #sidebar ul li {
    border-bottom:1px dashed #CDCDCD;
    margin-bottom:5px;
    padding-bottom:5px;
    }

    My theme also adds a dotted line break between certain things in the sidebar but often seems to add an extra one, two or three below.

    It'd adding a border-bottom to every list and sub-list item in your sidebar. To remove this, try adding:

    #sidebar li li {border-bottom:none;}

    to the bottom of style.css.

  3. oysteroyster
    Member
    Posted 3 years ago #

    Hi esmi, thanks for the quick reply.

    The second piece of code has sort of solved things although it's not behaving perfectly but it's certainly not a big problem at all.

    However, the first tip, when I increased the margin-bottom px it just increases the space between each of my sidebar items, rather than the space between the title and the content below.

    Any ideas?

    Thanks

  4. oysteroyster
    Member
    Posted 3 years ago #

    For example the space between About Me and Recent Posts gets bigger, rather than the space between About Me and A twenty-something's culinary journey...

    Thanks

  5. esmi
    Theme Diva & Forum Moderator
    Posted 3 years ago #

    Sorry - I mis-read your original post. Try adding:

    #sidebar h3 {margin-bottom:10px;}

  6. oysteroyster
    Member
    Posted 3 years ago #

    Thanks esmi, that got it!

    Annoyingly when one thing fixes another seems to get ruined.

    When I created the sidebar h3 margin bottom, not only did it increase the space between the title and content, but also between the different recent post titles and category titles.

    Why is it I have huge white space between the bottom category and dotted line below and yet smaller gaps elsewhere. I'm very confused.

    Thanks

Topic Closed

This topic has been closed to new replies.

About this Topic