I’ve taken a look at this post, but it does not cover what I am looking to change.
I’d like to change the navigation menu font to Italianno, which is a Google Font. When visiting that section of the Enfold administration area (Enfold > Advanced Styling), we can select an element to edit. I choose the Main Menu Links element and there is a drop down list with a variety of fonts listed. I would like to add Italianno.
Note that I have created a Child Theme to ensure we can update the parent theme in the future. Therefore, any functions.php code changes would need to reside in the child theme?
I was able to add a font using the code below – from the example in the link above – but it only added the option to the General Styling > Fonts (tab) where the section reads “Defines the Font for your body text.” The font added shows up there, but I need to add it to the navigation menu font list that is adjusted in the Advanced Styling section.
Suggestions?
add_filter( 'avf_google_heading_font', 'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Alef'] = 'Alef';
return $fonts;
}
add_filter( 'avf_google_content_font', 'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['Alef'] = 'Alef';
return $fonts;
}
Hi spidercreations!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.av-main-nav > li > a { font-family: 'Italianno', cursive!important; }
and yes, you should make the changes in Functions.php file of your child theme to avoid losing your modifications when you update the theme :)
Best regards,
Yigit
Thank you.