[Resolved] Adding Custom Dividers Between Widgets

[Monique Montes]

Hi!

Is it possible to add custom dividers between widgets?
If so, where would I put the custom css?

An example of the sidebar I would like is here: http://www.brambleandthorn.com/

my website is moniquemontes.com

thank you!

[Tom]

For regular borders, you could do:

.sidebar .widget {
      border-bottom: 1px solid #DDD;
}

If you want to put something fancy, you could make an image of the divider and use the Background images add-on to add it as a background. Set the position to “center bottom”, and make sure it’s set to no-repeat.

Using custom CSS instead, you could do:

.sidebar .widget {
      background-image: url('FILE URL');
      background-position: center bottom;
      background-repeat: no-repeat;
}

[Author]

Posts