Change Font Size of Buttons on Entire Site

[badtaco]

I'm trying to change the font size (make it bigger) for all of the buttons on my site. So far I've only been able to make changes to button text size for buttons in any widget areas but not in other places on my site.

I would like to add CSS to do this with and looking for anyone that can help, thanks in advance.

http://www.AgentRedefined.com

I'm using the Monochrome theme.

https://www.agentredefined.com

[askdesign]

I'm not sure which buttons you're referring to (there are lots of buttons on the site).

The social media buttons can be changed directly in the plugin. If you want to change the CSS manually, here's the code:

ORIGINAL CODE

#simple-social-icons-4 ul li a, #simple-social-icons-4 ul li a:hover, #simple-social-icons-4 ul li a:focus {
    background-color: #282828 !important;
    border-radius: 3px;
    color: #09baef !important;
    border: 0px #ffffff solid !important;
    font-size: 27px;
    padding: 14px;
}

MODIFIED CODE

#simple-social-icons-4 ul li a, #simple-social-icons-4 ul li a:hover, #simple-social-icons-4 ul li a:focus {
    background-color: #282828 !important;
    border-radius: 3px;
    color: #09baef !important;
    border: 0px #ffffff solid !important;
    font-size: 37px;
    padding: 14px;
}

For the Submit Button:
ORIGINAL CODE

.hs-button {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    line-height: 12px;
    position: relative;
    text-align: center;
    background-color: #ff7a59;
    border-color: #ff7a59;
    color: #fff;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    font-size: 14px;
    padding: 12px 24px;
}

MODIFIED CODE

.hs-button {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    line-height: 12px;
    position: relative;
    text-align: center;
    background-color: #ff7a59;
    border-color: #ff7a59;
    color: #fff;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    font-size: 24px;
    padding: 12px 24px;
}

---

Anne S. Katzeff
Designer | Artist | Teacher

[Author]

Posts