Rounded Corner on Website Buttons

Hi there,

Try this CSS:

.tnp-widget input.tnp-submit {
    border-radius: 10px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps :)

That's awesome!!!

What about the submit button on the bottom of this page?
https://nrmg.org/trip-report/

This should handle pretty much all buttons on your website:

button, 
html input[type="button"], 
input[type="reset"], 
input[type="submit"], 
a.button, 
a.button:visited, 
a.wp-block-button__link:not(.has-background) {
    border-radius: 5px;
}

Once again you guys are AMAZING!!!

Glad we could help :)

Dear GP Team,

I have styled all buttons with border radius but would like to exclude the search buttons from styling on this code. Could you please guide me?

button, 
html input[type="button"], 
input[type="reset"], 
input[type="submit"], 
a.button, 
a.button:visited, 
a.wp-block-button__link:not(.has-background) {
    border-radius: 5px;
}

Thank you very much!

Change this:

html input[type="button"]

to

html input[type="button"]:not(.search-submit)

Dear David,

Oops, I did that but it didn't work

Looks like you've opened your own topic here?
https://generatepress.com/forums/topic/how-to-exclude-hamburger-icon-from-my-button-styling/#post-1639797

If I've just answered it so let's stick with your own topic.

Thanks!