Sydney Pro - vary colours below titles

In Sydney Pro I’ve got a page with a number of rows that use either the ‘SiteOrigin Editor’ or the ‘Basic Text’ widgets. A horizontal bar is shown below each one in a consistent colour. I’d like to change the colour for individual widgets on the same page - how can I do that? I couldn’t see any settings in the Widget options that would only change the colour of the horizontal bar. Many thanks.

Hello there,

Add a custom class name to each widget via Attributes options in the widget settings.

For example: my-widget

Then add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .panel-grid-cell .my-widget .widget-title:after {
      background-color: #fff000;
    } 

Regards,
Kharis

Brilliant - thanks Kharis - worked a charm.

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis