Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1043172

    Hi,

    I’ve added two new fonts:

    style.css

    @font-face {
    	font-family: Financier;
    	src: url('/wp-content/themes/enfold-child/fonts/FinancierTextWeb-Regular.eot') format("ttf"),
             url('/wp-content/themes/enfold-child/fonts/FinancierTextWeb-Regular.woff') format("woff"), /* Modern Browsers */
             url('/wp-content/themes/enfold-child/fonts/FinancierTextWeb-Regular.woff2') format("woff2"); /* Modern Browsers */
      font-weight: normal;
      font-style: normal;
    }
    
    @font-face {
    	font-family: Metric;
    	src: url('/wp-content/themes/enfold-child/fonts/MetricWeb-Regular.eot') format("ttf"),
             url('/wp-content/themes/enfold-child/fonts/MetricWeb-Regular.woff') format("woff"), /* Modern Browsers */
             url('/wp-content/themes/enfold-child/fonts/MetricWeb-Regular.woff2') format("woff2"); /* Modern Browsers */
      font-weight: normal;
      font-style: normal;
    }

    function.php

    // BEGIN Font Drowpdown in Theme Options
    add_filter( 'avf_google_heading_font',  'avia_add_heading_font');
    function avia_add_heading_font($fonts)
    {
    $fonts['Financier'] = 'Financier';
    $fonts['Metric'] = 'Metric';
    return $fonts;
    }
    
    add_filter( 'avf_google_content_font',  'avia_add_content_font');
    function avia_add_content_font($fonts)
    {
    $fonts['Financier'] = 'Financier';
    $fonts['Metric'] = 'Metric';
    return $fonts;
    }

    That worked so well so far. My problem now is that I can’t adjust the font size of the main menu (see Printscreen).

    Can you help me, please?
    Thank you very much.

    Best regards,
    Esther

    #1043219

    Hi Esther

    I can’t see your screenshot, but I am pretty sure the following CSS code should do the trick e.g. with a font size of 20px:

    .main_menu {
    font-size: 20px !important;
    }

    Please don’t forget to empty both browser cache and the one by your caching plugin afterwards if applicable.

    Best and I hope that helps,
    Michael

    #1043584

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    .html_header_sidebar #header .av-main-nav > li > a .avia-menu-text {
        font-size: 30px !important;
    }

    Thanks Michael for helping out :-)

    Best regards,
    Rikard

    #1043623

    Hi Rikard

    Thanks for that – works perfectly :-)

    Have a great Day,
    Esther

    #1043674

    Hi Esther,

    Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.