Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • November 7, 2017 at 2:30 am #873476
    mframe

    Hello!

    Can you help me change the fonts of my site buttons from open sans to montserrat? Thank you!

    November 7, 2017 at 3:49 pm #873758
    Victoria

    Hey mfrahm,

    You can set Monserrat font in the Theme options > General styling > Fonts
    Image 2017-11-07 at 15.48.11.png

    If you need further assistance please let us know.
    Best regards,
    Victoria

    November 7, 2017 at 8:54 pm #873887
    mframe

    Thank you – but I am hoping to change the buttons specifically, from open sans to montserrat.

    I tried this code, but it didn’t work.

    body div .avia-button {
    font-family: ‘Montserrat’;
    }

    November 9, 2017 at 7:39 am #874516
    Jordan Shannon

    Hi,

    Will the following not work:

    .avia-button {
    font-family: ‘Montserrat’!important;
    }

    Best regards,
    Jordan Shannon

    November 9, 2017 at 8:08 pm #874823
    mframe

    That just changed it to a times new roman font.. I just want the button font to match the heading font. seems like it should be easy right? lol

    November 10, 2017 at 5:45 pm #875235
    Jordan Shannon

    Hi,

    It should be in theory yes, but if its not working we need to find out why. Are you running any custom css that may be preventing the css given from running. Perhaps something is structured incorrectly?

    Best regards,
    Jordan Shannon

    November 11, 2017 at 4:20 am #875426
    mframe

    Quite possibly.. I’m not sure

    The quick CSS I have implemented is linked in private content.

    November 12, 2017 at 7:38 am #875652
    Jordan Shannon

    Hi,

    The css looks fine. Is the font not rendering in any browser or a specific one?

    Best regards,
    Jordan Shannon

    November 13, 2017 at 10:09 pm #876313
    mframe

    It’s happening on both Chrome and Safari

    November 14, 2017 at 5:13 pm #876679
    Victoria

    Hi mframe,

    The button is set to Montserrat. Is it not rendered with it? Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    November 14, 2017 at 10:55 pm #876838
    mframe

    Yes, it is not rendering correctly, it seems to be coming through as a times new roman or other such serif font.

    I attached login credentials.

    November 17, 2017 at 5:28 am #877925
    Ismael

    Hi,

    Thank you for the info.

    We added the following css code in the Quick CSS field.

    .avia_iconbox_title {
    font-family: 'Montserrat','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;
}

    Best regards,
    Ismael

    November 21, 2017 at 2:04 am #879446
    mframe

    Thank you, that worked perfectly!

    One more question – is there a way to change the font that automatically populates in my Contact Form 7 boxes, seen on the homepage, top left, along with the button underneath? It shows up as Arial, I’d like the font to be open sans for the form fields and Montserrat on the button.

    Thanks

    November 21, 2017 at 5:27 am #879490
    Ismael

    Hi,

    Please use the following css code.

    #top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
    border-color: #444;
    background-color: #111;
    color: #8c8c8c;
    font-family: 'Open Sans','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.wpcf7-form input[type="submit"] {
    font-family: 'Montserrat','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.