How to change the submit button’s font family?

  • Resolved razbenzur

    (@razbenzur)


    4 years, 10 months ago

    Hi,

    I’d like to change the submit button’s font family using CSS. How can I do that?

    Thanks

    • This topic was modified 4 years, 10 months ago by Jan Dembowski.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator t-p

    (@t-p)

    Look for this CSS rule in style.css file:

    .contact-form-wrapper input[type="submit"] {
    font-family: "Open Sans";
    font-size: .75rem;
    color: #fff;
    background-color: #03a9f4;
    border-radius: 5px;
    min-width: 7rem;
    padding: .55rem 1.5rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid #03a9f4;
    vertical-align: middle;
    -webkit-appearance: none;
    margin-left: auto;
    margin-right: 0;
    height: auto;
    display: block;
    margin-bottom: 0;
    line-height: 1.2rem;
}

    And change the font-size to your liking.

    To add or override CSS: use the “Additional CSS” option in the customizer. https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

    Learn to use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.

    • This reply was modified 4 years, 10 months ago by t-p.
    Thread Starter razbenzur

    (@razbenzur)

    It works! Thank you very much ??

    Moderator t-p

    (@t-p)

    You are welcome ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to change the submit button’s font family?’ is closed to new replies.