How to adjust the corner radius?

Ask the Community Customization
1

I have 3 slides, all 3 with a video background, if you look at the corners they are sharp edges, I want to change the radius on them to about 15% so they are rounded however I can’t find the ID or Class that controls that in the CSS. Any help is appreciated.

The slider is found here: GameHive

2 Likes
2

You can use this CSS code

/* Elfsight Slide Border */
.eapp-slider-slider-item {
    border-radius: 15px;
}

image
image2041×101 14.4 KB

3 Likes
4

Hey there @ToxicIsPoison :wave:

Tuanphan is absolutely right! Please add this code to the Custom CSS field on the Advanced tab and let us know if it worked :wink:

By the way, I’d like to remind you about CSS codes category where you can find the most popular codes for many apps. Feel free to check it out - CSS Codes - Elfsight Community

5

@tuanphan Thank you so much, this worked.

@Max thank you so much as well for linking to the CSS codes category, I don’t know how I missed this.
This is a great resource for the css codes on the widgets.

2 Likes
6

Glad to hear that!

Hope you’ll find it useful :wink:

1 Like