[Resolved] change standard button design across website

Home Forums Support change standard button design across website

This topic contains 4 replies, has 3 voices, and was last updated by  Leo 1 month, 3 weeks ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1225646

    Evan

    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

    #1225663

    Jay

    Add this under Customize > Additional CSS:

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

    Leo Customer Support

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

    Evan

    Worked perfect, thanks all!

    #1228733

    Leo Customer Support
Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.