Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #402349

    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;
    }
    #402727

    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

    #402735

    Thank you.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Add Font to Advanced Styling > Customize Element’ is closed to new replies.