This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Fonts do not work in Vantage Premium Theme

Open 13 replies generalpremium
fonlos
10 years ago · Last reply by Andrew Misplon 10 years ago

Dear Siteorigin-Team,
since yesterday (probably after plugin-update ? but no one had to to with the theme) the fonts do not work on www.fonlos.de. We use Helvetica Neue.
Could you please fix this bug as soon as possible??
Kind regards,
fonlos®-Team

URL: http://www.fonlos.de

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

13
  1. Andrew Misplon Staff 10 years, 8 months ago

    Hi team

    The offending plugin is FormGet Contact Form. At some point they are saying:

    * {
    font-family: 'Source Sans Pro';
}

    Not ideal.

    If you need to keep using this plugin then please, try the following at Appearance > Custom CSS:

    body, button, input, select, textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
}
  2. fonlos 10 years, 8 months ago

    Dear Andrew,

    thank you very much for your reply.
    I copy/pasted the code into custom css; unfortunately it does not work. Could you have a look one more time?
    Besides this I forwarded your Mail to a support member of Formget. Maybe they can fix the bug, what do you think?

    Kind regrads,
    Ludmila

  3. Andrew Misplon Staff 10 years, 8 months ago

    Let’s try the following in Custom CSS. Remove our previous rule.

    * {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
}

    Thanks :)

  4. fonlos 10 years, 8 months ago

    it works! thank you very much!!!
    regards, fonlos-team

  5. Andrew Misplon Staff 10 years, 8 months ago

    Super, glad that did the trick :)

    All the best.

  6. fonlos 10 years, 8 months ago

    Aaaah Sorry, now the icons (in the template and wordpress) have a problem! Please have a look at http://www.fonlos.de

  7. Magus Staff 10 years, 8 months ago

    Hi Fonlos

    Please add this to your custom CSS

    .fa {
    font-family: FontAwesome !important;
}

    Thanks

    Magus

  8. fonlos 10 years, 8 months ago

    Hi Magnus,
    i tried it. The icons work again, but the font problem still exists!

  9. fonlos 10 years, 8 months ago

    respectively, (sorry my fault) both codes together solve the font problem and the circle icons. But the wordpress-Icons (in the admin-menu above) and the search-icon is still missing.

  10. Magus Staff 10 years, 8 months ago

    Hi Fonlos

    Please try adding the following

    /*Search Icon*/
[class^='vantage-icon-'], [class*=' vantage-icon-'] {
    font-family: "vantage-icons" !important;
}

    The wordpress icons should not have been affected.

    Would it be possible for you to create a temporary account for us so we can log in and take a look? You can create the account with the following email address:

    [email protected]

    Just navigate to Users > Add New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the “Send Password” field so we receive the details.

    Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.

    Thanks

    Magus

  11. fonlos 10 years, 8 months ago

    Did you get the e-Mail?
    I added the last code: the search-icon is visible now, but the icons in the wordpress-frame above ist still broken.

  12. fonlos 10 years, 8 months ago

    The menu-icon of the mobile version (collapsing menu) is broken as well.

  13. Andrew Misplon Staff 10 years, 8 months ago

    Hi fonlos

    This, unfortunately, all relates back FormGet Contact Form. My original fix then broke other Vantage elements like the icons. Moving over to another form plugin would be first prize.

    If you’d like to try fix the mobile menu icon issue try the following:

    .mobile-nav-icon {
  font-family: 'FontAwesome' !important;
}

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread