Hero builder border radius for specific widgets?

Resolved 2 replies plugin plugin-widgets-bundle question

7 years ago · Last reply by MikeDrum 7 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.

Need fast email support? Get SiteOrigin Premium

Replies

Alex S Staff 7 years, 10 months ago
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.
MikeDrum 7 years, 10 months ago
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.