Archived topic

Adding Custom Dividers Between Widgets

1 reply · Started by Monique Montes on May 9, 2015

Viewing posts 1–2 of 2

May 9, 2015 at 2:40 pm #106839

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!

May 9, 2015 at 4:05 pm #106873

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;
}

This archived topic is closed to new replies.

Start building better websites today.