Button Radius

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;
}

It doesn't work.

The url is:

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

It 's for the caldera forms submit button.

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;
}

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

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;
}

Perfect, it works!

Regards,

Glad to hear that

Where do you add this CSS for the button?

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