Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • August 4, 2016 at 5:24 am #668377
    ccyran

    Hey guys,

    QUESTION 1:
    There’s only 9 fonts in the dropdown menu. Can you guys help me add google fonts?
    I don’t have the child theme installed.

    QUESTION 2:
    How do I make my main tabs uppercase? Currently it’s lowercase.

    QUESTION 3:
    My logo and tab text is close to the top of the webpage. Is there CSS to bring this down a bit? Like 10 pixels?

    Thanks guys!
    Chris

    August 6, 2016 at 9:44 am #669283
    Rikard

    Hey Chris,

    1. Please follow this guide: http://kriesi.at/documentation/enfold/register-additional-google-fonts-for-theme-options/. Let us know what fonts you would like to add if you can’t figure it out.

    2. Try this in Quick CSS:

    #avia-menu li a .avia-menu-text {
    text-transform: uppercase !important;
}

    3. Try this as well: 

    #header {
padding-top: 10px !important;
}

    Best regards,
    Rikard

    August 8, 2016 at 6:45 am #669637
    ccyran

    Hey Rikard,

    That works! Just need help on #1. lets say I wanted to add roboto, how would I adjust the CSS?

    and how do I implement multiple fonts?

    Thanks again!

    August 8, 2016 at 6:19 pm #669982
    Yigit

    Hey!

    In the example two font families are added, PT Sans Narrow and PT Sans. You can adjust those lines or add more lines to add more font families. 

    add_filter( 'avf_google_heading_font', 'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['PT Sans Narrow'] = 'PT Sans Narrow:400,700';
$fonts['Robot'] = 'Roboto:400,700,400italic,700italic';
return $fonts;
}

add_filter( 'avf_google_content_font', 'avia_add_content_font');
function avia_add_content_font($fonts)
{

$fonts['Roboto'] = 'Roboto:400,700,400italic,700italic';
$fonts['PT Sans Narrow'] = 'PT Sans Narrow:400,700';
return $fonts;
}

    Cheers!
    Yigit

    August 9, 2016 at 3:54 am #670137
    ccyran

    Hey Yigit,

    I think I get it! Sorry. Can you show me one more example of it you added another font to this mix? I’m confused where to specifically add the fonts in this css.

    August 10, 2016 at 5:50 am #670621
    Rikard

    Hi,

    What other font would you like to add?

    Best regards,
    Rikard

    August 10, 2016 at 2:35 pm #670842
    ccyran

    Hey Rikard,

    Playfair (3weights)
    Work Sans (9 weights)
    Rubik (5weights)
    Space Mono (two weights)

    If you guys could show me how to add one of these again I’ll figure out how to do the rest!

    Chris

    August 10, 2016 at 2:39 pm #670844
    Yigit

    Hey!

    Please find the code i posted above in your functions.php file and change it to following 

    add_filter( 'avf_google_heading_font', 'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Playfair Display'] = 'Playfair Display:400,700,900';
$fonts['Space Mono'] = 'Space Mono:400,700';
return $fonts;
}

add_filter( 'avf_google_content_font', 'avia_add_content_font');
function avia_add_content_font($fonts)
{

$fonts['Playfair Display'] = 'Playfair Display:400,700,900';
$fonts['Space Mono'] = 'Space Mono:400,700';
return $fonts;
}

    Then list your other font families below it.

    Best regards,
    Yigit

    August 10, 2016 at 4:41 pm #670943
    ccyran

    Hey Yigit,

    Why is the copy written twice? Thats where I’m lost

    You posted this…

    add_filter( ‘avf_google_heading_font’, ‘avia_add_heading_font’);
    function avia_add_heading_font($fonts)
    {
    $fonts[‘Playfair Display’] = ‘Playfair Display:400,700,900’;
    $fonts[‘Space Mono’] = ‘Space Mono:400,700’;
    return $fonts;
    }

    add_filter( ‘avf_google_content_font’, ‘avia_add_content_font’);
    function avia_add_content_font($fonts)
    {

    $fonts[‘Playfair Display’] = ‘Playfair Display:400,700,900’;
    $fonts[‘Space Mono’] = ‘Space Mono:400,700’;
    return $fonts;
    }

    but where “add filter appears” it looks to be a duplicate. Is that on purpose?
    thanks!

    August 10, 2016 at 4:50 pm #670953
    Yigit

    Hi!

    One is for heading element and one for content :)

    Cheers!
    Yigit

    August 10, 2016 at 6:27 pm #671034
    ccyran

    Hey!

    Dude so sorry! Can’t believe I missed that. All makes sense now.

    Thanks again guys! I really appreciate it.

    Chris

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Adding Google Fonts to general styling’ is closed to new replies.