Lines and Vertical Space Between Sidebar Widgets

  • Author
  • #1641389

    I can’t seem to remove the jagged lines or the very thick vertical spaces between each of my sidebar widgets on this site:

    I tried some code with padding once, but all it did was move all my widgets to the very left edge of that barely shaded blueish sidebar box, making everything look terrible and “off.” This was that code:

    .widget {
    padding: 0 0 10px;
    overflow: hidden;

    If the lines can’t be removed, I can live with them, but I’m very frustrated with that vertical space above and below each of the jagged lines, and would love to see it removed.

    Any help is appreciated. Thank you.

    The blog I need help with is



    This code removes the jagged lines, and resets the top and bottom padding on each widget:

    .widget {
    	background-image: none;
    	padding-top: 0;
    	padding-bottom: 0;

    Play around with the padding-top and padding-bottom numbers to add enough space the way you wanted it.

The topic ‘Lines and Vertical Space Between Sidebar Widgets’ is closed to new replies.