Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 14, 2013 at 10:18 pm #175289
    sambolleter

    Hi there

    I would like to change the submenus (first and second level) to the same font as my main menu font “Montserrat”. The submenus should not be uppercase and have slight smaller font size. At the moment they’re set to “Verdana”

    Please have a look at the site I’m working on: http://beta.adworks.ch/alpenrose/en

    For changing the main menu to montserrat I used the following CSS code:

    body .header_color .main_menu ul:first-child > li > a {
	font-family: 'Montserrat', sans-serif !important;
	text-transform: uppercase;
	font-size: 13px !important;
	font-weight: 400;	
}

    Can you please help me with the custom CSS code for defining the submenus.

    Thanks a lot, Sam

    October 15, 2013 at 4:30 am #175415
    Ismael

    Hello sambolleter!

    Add this on functions.php:

    add_filter( 'avf_google_heading_font',  'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Montserrat'] = 'Montserrat';
return $fonts;
}

add_filter( 'avf_google_content_font',  'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['Montserrat'] = 'Montserrat';
return $fonts;
}

    Add this on custom.css or Quick CSS:

    #top .main_menu .menu li ul a {
font-family: 'Montserrat', sans-serif;
}

    Cheers!
    Ismael

    October 17, 2013 at 11:49 pm #177214
    sambolleter

    Hi Ismael

    Thank your for your input. I included your code in functions.php and added the custom css rule as stated above.
    After accessing the page the submenu fonts stays in verdana.

    I’m I missing something?

    Regards, Sam

    October 21, 2013 at 9:19 am #178328
    Dude

    Hi!

    Did you select the “Montserrat” on the theme options page (Enfold > Styling)?

    Regards,
    Peter

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Change Font of submenu’ is closed to new replies.