[Resolved] Adding Custom Dividers Between Widgets

Home Forums Support Adding Custom Dividers Between Widgets

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #106839
    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!

    #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;
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.