Add gap between line and widget on sidebar and change color

  • Resolved EppieShepherd

    (@eppieshepherd)


    8 years, 7 months ago

    Hello

    I’ve managed to add lines between my widgets on the sidebar using custom css
    .widget { border-top: 1px solid black}. However I can’t work out how to change the colour or add a gap as it is touching the titles of the next widget as you can see eppie.me.uk

    I’ve tried adding { margin-bottom 20px; } in various places of the code but it either doesn’t change or disappears. I’ve also tried adding in colour codes or changing ‘black’ to ‘grey’ but had no luck.

    Any help would be great!

    Thank you

Viewing 3 replies - 1 through 3 (of 3 total)

  • Try this to add padding on the top and bottom of the widgets between the borders:

    .widget {
    padding: 30px 0;
    border-top: 1px solid #ddd;
    }

    Regarding the grey color, I assume you want the border-top to have the same grey as the rest of the lines on the website.

    Hope this helps.

    Thread Starter EppieShepherd

    (@eppieshepherd)

    Oh perfect thank you so much!

    You’re welcome

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Add gap between line and widget on sidebar and change color’ is closed to new replies.