Additional fonts

[Ivo Mednis]

Hi, how to add additional fonts to Elite (Arial, Verdana), because Elite google font set not support correctly CE languages.

[Bill Robbins]

Ivo,

Great question. You can do that. Go to the Theme Options page and select the Advanced tab. Select to disable Google Fonts there. Then in the Custom CSS box paste this:

body {
     font-family: Arial, Verdana;
}

and update your settings. That should set your site to use Arial instead of Google fonts.

If you have any questions or trouble, just let me know.

Thanks,
Bill

[Ivo Mednis]

if google fonts switched off impossible change font sizes in all sections (Hero, Content, etc.)

[Bill Robbins]

Ivo,

That’s true. You won’t be able to use the built in tools to change the font sizes, but you can go about it manually. Here’s how:

1. Go to the Theme Options page and select the Advanced tab.
2. Scroll down to the Custom CSS box and paste this:

   
   body {
        font-size: 16px;
   }
   
   #text-logo p, 
   #text-logo h1 {
        font-size: 40px;
   }
   
   nav#top-menu li, 
   .slicknav_nav li, 
   .slicknav_menu .slicknav_menutxt {
        font-size: 20px;
   }
   
   h2.hero-title {
        font-size: 70px;
   }
   
   .hero-copy p {
        font-size: 24px;
   }
   
   h3.widget-title {
        font-size: 24px;
   }
   

3. Those are all of the font-sizes that you can select from the theme options. Here’s what each one does:
   • body — main content text
   • text-logo — the site title
   • nav#top-menu li — navigation items
   • h2.hero-title — hero titles
   • .hero-copy p — hero text
   • h3.widget-title — widget titles

   Just change the number in each one to adjust the size in pixels and then update your settings.

That should let you still change the various font sizes in the site. If you have any trouble, let me know.

Thanks,
Bill

[Author]

Posts