Black Friday Sale! Get up to $30 off GP Premium! Learn more ➝

Reply To: Adding Custom Dividers Between Widgets

Home Forums Support Adding Custom Dividers Between Widgets Reply To: Adding Custom Dividers Between Widgets

Home Forums Support Adding Custom Dividers Between Widgets Reply To: Adding Custom Dividers Between Widgets

#106873
Tom
Lead Developer
Lead Developer

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