New to the community? Start here

[Hustle Pro] Hustle Fonts

Is it possible for Hustle Pro to automatically match font styles from the theme? If not, how do I change this? I tried adding Custom CSS in the Appearance tab, but could not get the font-family to change.

Tue, 24 Mar 2020 12:43:51
More Hustle Pro discussions
Hustle Pro
  • Adam
    • Support Gorilla

    Hi Mike

    I hope you’re well today and thank you for your question!

    When editing popup, there’s a “Vanilla theme” option in “Appearance” setting section. With it enabled, popup should pick-up styles – at least “mostly” – from the theme so that’s worth checking.

    I see it’s currently disabled on your site so you might want to give it a try. I can’t promise it will fully pick up all the styles (e.g. fonts) from the theme as it heavily depends on how theme’s CSS is built but it’s worth testing.

    If it doesn’t do the trick for you, please set the popup back as it is and then let me know exactly which parts of it should use which fonts and I’ll be happy to assist you with creating the right CSS for it.

    Best regards,
    Adam

  • Mike Verminski
    • The Incredible Code Injector

    I tried the “Vanilla theme” option, but all that did was remove all color so my pop-up was just black text floating over the normal content :joy:

    I can change the fonts to basic fonts such as Arial, Futura, etc. but not to match the script font from the H tags on the site. The title of the pop-up should be the font Merienda One and the content Gothic A1 if possible. They’re both Google Fonts so maybe that is why it isn’t working? It’s a part of the theme though.

  • Adam
    • Support Gorilla

    Hi Mike

    Thanks for trying that and for information.

    Unfortunately, whether the “vanilla theme” will inherit all the “look&feel” of site theme or just some aspects of it depends quite a lot on how the theme CSSS is written. In this case, apparently, it couldn’t fetch expected fonts.

    It doesn’t, however, related to whether these fonts are Google Fonts or other. As long as they are already available on the site, they can be used.

    I’ve added a bit of CSS to the popup then and it seems to be working now. It’s worth remembering that though that sometimes it’s necessary to use “!Important” flag with such internal Hustle CSS and also it’s usually necessary to clear cache on site after adding changes.

    Please check the site and let me know if it’s using correct fonts now (note: you might need to also either clear browser cache or check in incognito browser tab as this might be also cached in browser).

    Best regards,
    Adam