Site logo

Archived topic

change standard button design across website

4 replies · Started by Evan on April 3, 2020

Viewing posts 1–5 of 5

Hi all -

In a recent Wordpress update, you can add buttons to posts or pages that look like the button on my homepage - evantarver.com. They look great and I'd like to use this design across my website.

However, if you look at my blog posts page (evantarver.com/blog) you'll see that the sitewide button linking to each blog post as well as the sidebar button looks like a box rather than rounded like on my homepage.

Is there any way to globally change the standard button design so it mirrors the design on my homepage?

Any info appreciated!

- Evan

Add this under Customize > Additional CSS:

a.button, a.button:visited {
    border-radius: 24px;
}

Hi there,

Something like this should cover everything:

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: 24px;
}

Worked perfect, thanks all!

No problem :)

This archived topic is closed to new replies.