[Resolved] Button Radius

[Jose]

Hi,

I have changed the buttons colors, but where I can change the radius? For all the buttons in my web?

Regards,

[David]

Hi there,

add this CSS:

button:not(.menu-toggle),
html input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.button:visited,
.wp-block-button .wp-block-button__link {
    border-radius: 25px;
}

[Jose]

It doesn’t work.

The url is:

http://www.noemibustelo.com/cursos/

It ‘s for the caldera forms submit button.

[David]

OK its because Caldera uses its own HTML / CSS – include this selector:
.caldera-grid input[type=submit]

so your complete code looks like:

button:not(.menu-toggle),
html input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.button:visited,
.wp-block-button .wp-block-button__link,
.caldera-grid input[type=submit] {
    border-radius: 25px;
}

[Jose]

Nothin, still not working. Maybe I can add a CSS class to the button?

[David]

You have some broken CSS.

} <---- this bracket is not required.
/*botón caldera forms*/
button:not(.menu-toggle),
html input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.button:visited,
.wp-block-button .wp-block-button__link,
.caldera-grid input[type=submit] {
    border-radius: 25px;
}

[Jose]

Perfect, it works!

Regards,

[David]

Glad to hear that

[Ash]

Where do you add this CSS for the button?

[David]

This:
https://generatepress.com/forums/topic/button-radius/#post-1266437

You would add to either your Customizer > Additional CSS or in your Child Themes styles.css

[Author]

Posts