Change Button Font

  • ktbca57

    (@ktbca57)


    10 years, 3 months ago

    We had a vendor create our website – and they were difficult to work with so now we are left to try to clean up what they couldn’t/wouldn’t do. One of the first things is to make the font on ALL BUTTONS consistent – as on some buttons they used a serif font and some a sans-serif.

    I have read the posts on how to change button fonts, but nothing has worked. We are new to WordPress so not sure where to find all this. I have tried adding code to the css, tried to find the settings under widgets and short code. In fact, in the short code it shows the font sent for one of the buttons as Arial – but that button is NOT labeled with Arial text.

    http://www.sncoast.com

    Can someone please help me find where we can fix it so that all buttons have the same sans-serif font?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The Grey Parrots

    (@greyparrots)

    10 years, 3 months ago

    Can you kindly send me the links where button text are different so that I can suggest you.

    Thread Starter ktbca57

    (@ktbca57)

    10 years, 3 months ago

    ok.. if you click on the link I provided above (sncoast.com) you will see three buttons at the top – all in serif font. Those buttons are in the Nav header – always – on every page. But if you click on the Client Portal button (http://sncoast.com/client-portal/) – once there, you’ll see the login button under the login fields is in Serif font.

    Thanks.

    The Grey Parrots

    (@greyparrots)

    10 years, 3 months ago

    KIndly try to edit the file
    http://sncoast.com/wp-content/themes/suncoast-child-theme/style.css

    Search for “.button-primary” on line no 29

    Try to change the font family to your desired one its now “font-family: Arial, sans-serif;”

    Thread Starter ktbca57

    (@ktbca57)

    10 years, 3 months ago

    yes… that’s what i was looking at before, but it shows Arial already… yet that isn’t what the buttons look like if you access the client portal page link i sent previously… here’s what the css shows for that setting:

    }

    .button-primary {
    padding: 12px 18px;
    font-size: 16px;
    font-family: Arial, sans-serif;
    border: none;
    display: inline-block;
    background: #f4890e;
    color:#fff;
    border-radius: 5px;
    transition: background .6s ease-out;
    -webkit-transition: background .6s ease-out;
    -moz-transition: background .6s ease-out;
    -o-transition: background .6s ease-out;
    }

    As you can see… the font-family is already set to Arial, sans-serif… so i’m wondering what’s overriding this setting?

    Any ideas? Thanks so much for your patience and help.

    The Grey Parrots

    (@greyparrots)

    10 years, 2 months ago

    For top botton, its using body font that is “‘Times New Roman’, Times,serif”

    and for login its “Arial, sans-serif;”

    That’s why this mismatch

    Thread Starter ktbca57

    (@ktbca57)

    10 years, 2 months ago

    Where are you seeing that? How do i change that? I don’t see any other buttons???

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Change Button Font’ is closed to new replies.