How to add rounded corners to custom button?

Support
#1

Hi there,

Wondering how to make the corners of the button rounded. Doesn’t work when I move the border-radius slider, as you see in the screenshot.

This custom CSS doesn’t work too:
.x-btn {
border-radius: 5px !important;

site is: http://kromephotos.com/testing/

Thanks,
Ani

#2

Hello Ani,

Thanks for asking. :slight_smile:

The border radius options in the Cornerstone page builder should work. You can also try adding a CSS class under Customize > Class. For ex, let’s give a class name custom-get-started-button. https://cl.ly/3s3v2P2i0F1t

After that add following CSS under X > Theme Options > CSS:

.custom-get-started-button {
    border-radius: 5px !important;
}

Thanks.

#3

Thank you! It worked!

#4

You are most welcome. :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.