-
Posts
-
How do I change the message text font style/family within the notification box.
.avia_message_box_content
Hey qtinfo,
It should just be adding this in quick css:
.avia_message_box_content{ font-family:your font!important; }Best regards,
Jordan ShannonI’m trying to change the font by doing the following but it’s not working.
@font-face {
font-family: “Tangerine”;
src: url(“ttps://fonts.googleapis.com/css?family=Tangerine”);
}
.avia_message_box_content
{
font-family: Tangerine !important;
}Hi,
Please provide a link to the site/page in question so we can look into this issue further.
Best regards,
Jordan Shannonit changes but Tangerine is cursive and it’s not changing to that. I just created an image and added it that way, thank you!
Hi,
Ok great, thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardFirst: you recognized that the absolute url to your font-file is not correct? https…
and of course this is not the recommended method to load these Google Fonts. Either go via a link
<link href="https://fonts.googleapis.com/css?family=Tangerine" rel="stylesheet">
or the @import rule.
@import url('https://fonts.googleapis.com/css?family=Tangerine');
the @import rule you can try to place it in the quick css.you can load the font on your child-theme functions.php by:
add_action('wp_head', function() { ?> <link href="https://fonts.googleapis.com/css?family=Tangerine" rel="stylesheet"> <?php });but Tangerine is in the allready implemented Set of Enfold. – but if it is not your body font or heading font, you can start the loading process by defining this font in the advanced settings, e.g. for h6.
Then you can assign this font to other selectors via quick css.
- You must be logged in to reply to this topic.