How to round corner the revolution slider?

[priatnasuardi]

pretty much self explanatory as the tittle.

is it possible?

[nico]

Hi @priatnasuardi,

Thanks for writing in.

I believe that it is possible if the slider is inserted in a container. Would you mind sharing us access to your setup so we could give it a try.

Thanks.

[priatnasuardi]

can u refer which container i should use?

[basanta]

Hi There,

Thanks again for asking!
Just create a section of the page using cornerstone, Then select the column
Increase the Border radius value so that the corner of the column will be rounded. You can add the value as per your requirement.

After that got customize section of the column.

Insert below CSS to the elemnt CSS section.

$el {
  overflow: hidden;
}

After that you can insert the revolution slider inside the column, it will appear as the rounded corner.

Hope this helps!

[priatnasuardi]

Hi, thanks for the fast reply,

i know how to do that, but i cant insert a slider into the image container.

[basanta]

Hi There,

Thanks again for asking !
I am not sure why you are asking about Image container?
There is no need of image container, You have to follow the step I have mentioned, No need to insert the image element in the column.
In my screenshot I gust inserted a image to instead of a slider.

Hope that is clear to you.

Thanks

[priatnasuardi]

Hi, inserted revolution slider container, it doesnt have the options to create border radius.

[basanta]

Hi there,

I believe you are not following my steps.
I have asked to make the column rounded corner not the slider, and add the CSS to the column only.
There is noting to do with slider.
Sorry if my explanation is not clear.

Thanks

[priatnasuardi]

yes, its just the screenshot that u attach is an image container that makes it a little confusing.
but i got it in the end, thanks

[paul.r]

On behalf of my colleague, you’re welcome. Cheers!