Spacing Issue in Sidebar

  • oysteroyster

    (@oysteroyster)


    14 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 – https://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.]

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

    (@esmi)

    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.

    Thread Starter oysteroyster

    (@oysteroyster)

    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

    Thread Starter oysteroyster

    (@oysteroyster)

    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

    esmi

    (@esmi)

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

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

    Thread Starter oysteroyster

    (@oysteroyster)

    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

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Spacing Issue in Sidebar’ is closed to new replies.