Home>Support>Hero builder border radius for specific widgets?

Hero builder border radius for specific widgets?

By MikeDrum, 6 years ago. Last reply by MikeDrum, 6 years ago.

Hi, great plugin!

Hoping someone can answer how to get a border radius on the hero widgets, but only for specific ones please, currently using two on separate pages, wanting one as normal and one with the radius.

I’ve used this in custom css:

.sow-slider-image,
.sow-slider-image-container {
border-radius: 10px;
}

Which works but is global.

I tried adding a class to the widget (abouthero) then adding this:

.abouthero {
border-radius: 10px;
}

but it doesn’t change anything, have played about too but no joy.
Probably missing something, any help much apprecciated!

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 6 years, 6 months ago Alex S
    Hi, I Work Here

    Hi MikeDrum

    Please try:

    .abouthero .sow-slider-image,
.abouthero .sow-slider-image-container {
border-radius: 10px;
}

    You might also need to install the SiteOrigin CSS Editor.

  2. 6 years, 6 months ago MikeDrum

    Perfect, that done the trick straight away, thank you!

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More