How do I round corners on my slideshow?

Hi, I need help with coding - specifically, I want my slideshow’s corners to be rounded up - matching the rest of my website, as every media/images in the Sense theme has rounded corners. Any help is much appreciated!

The website is www.sugoiplush.com , the password is “bejbi”

Hi and welcome!

Add this to the bottom of your component-slideshow.css file:

div#Slider-template--14778693812297__1658095544126fa1da {
    border-radius: 30px !important;
}
2 Likes

Hi,

Add below css in base.css file.

slideshow-component .slideshow.banner {
    border-radius: 5px;
}

You can change the number as per your requirements.

Thanks

Hit Like and Accept as Solution.

2 Likes

It worked! Thank you!

You’re very welcome!

If you could take a moment to read through my signature below, I would highly appreciate it :heart:

Will adding the code affect the page loading speed?