Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #889779

    I am really new to the Enfold theme, and already looked at a lot of topics, but I can’t find the solution. I already added Google Font Lora Regular to the theme, and this works. However, I want to add Lora Regular Italic as well. Be aware, that this is a different Italic than the standard Italic version of the Enfold theme itself. (check https://fonts.google.com/specimen/Lora for reference) !
    Underneath is what I added to the Quick CSS box in the tab Standard Styling.
    However, when I go to Styling Extra, it does show Lora as an option but NOT the Italic version in the drop down menu of Font Families nor in the drop down menu of Font Weight.
    Someone told me that the Enfold theme simply doesn’t provide the italic versions of Google fonts, but only standard italic, which is very different from the Google italic versions of their fonts.
    I don’t know if this is true, but if there is a way to include Lora Regular Italic, I would really love to know!

    add_filter( 'avf_google_heading_font',  'avia_add_heading_font');
    function avia_add_heading_font($fonts)
    {
    $fonts['Lora'] = 'Lora:400,700';
    $fonts['Lora'] = 'Lora:400italic,700italic';
    return $fonts;
    }
    
    add_filter( 'avf_google_content_font',  'avia_add_content_font');
    function avia_add_content_font($fonts)
    {
    $fonts['Lora'] = 'Lora:400,700';
    $fonts['Lora'] = 'Lora:400italic,700italic';
    return $fonts;
    }

    Thank you so much!!

    #889796

    Hey Masmho,
    I read that you added this code to “Quick CSS” but this code should go in your functions.php file in Appearance > Editor

    Best regards,
    Mike

    #889800

    Thank you Mike, but when I added this code to Appearance > Editor, it said that there were 28 errors in the code, so I didn’t continue.
    Should the code be different?

    Thank you!

    #889809

    Hi,
    I copied your code above and added it to the end my functions.php with no errors and it worked, perhaps you added it to the wrong file? Here’s a screenshot of the right file.
    2017-12-17_124204
    Or perhaps you copied from a different source that changed the ‘ to a curly ‘
    If you still get errors Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

    Best regards,
    Mike

    #889826

    Hi Mike,

    Thank you for your screenshot. It doesn’t correspond with what I was doing, so I think it is best if you would login and add it. I feel too much of a beginner to do this, sorry!

    I have created a username for you and posted the login credentials in the private field.

    Thank you so much and I hope to hear from you soon!

    #889827

    Hi,
    I have added the function and the font seems to be available for you now, please check.

    Best regards,
    Mike

    #889847

    Hi Mike,
    Thank you for your quick reply!
    Yes, Lora Regular Italic is available now. The only thing is Lora Regular doesn’t seem to be available anymore.
    If I choose Lora now in the Styling Extra section for for instance H1, it will automatically show the Lora regular italic. Wheras for example I would like H1 and H2 to be Lora Regular, and H3 and further to be Lora Regular Italic
    I don’t know if you would be able to fix this?

    Thank you!

    #889851

    Hi,
    I added it as H1 and it seems right?
    2017-12-17_162356

    Best regards,
    Mike

    #889855

    Hi Mike,

    I am very sorry, but H1 now shows as Lora Regular ITALIC, whereas I would like it to be Lora REGULAR. It seems as if Lora Italic is now the standard option if you click on Lora when chosing a font family and Lora regular is nowhere to be found.
    In the drop down menu of chosing a font family for H1, H2, etc when you choose Lora you get Lora Italic whereas I would like to alternate between Lora regular and italic. (for example: H1 and H2 to be Lora Regular but H3 to be Lora Italic etc.). I don’t know if you can install the option for Lora Italic AND Lora Regular to both appear in the drop down menu of the font family? Or maybe add Italic to the drop down menu of font weight?

    Thanks again!

    #889875

    Hi,
    I found the error, both were named the same, so I changed one to “Lora italic” it now shows at the very bottom of the list and the other is midway. Please check.

    Best regards,
    Mike

    #890020

    Yes, it is working! (unfortunately, it isn’t as I just found out, see next message)

    For future alterations could you please tell me where to find the functions php files. You send me a screenshot, but I still have no clue.
    If I select Appearance it says Customizer and not Editor, and in Customizer mode it has a totally different look than in your screenshot above.
    If you could help me with that, that would be wonderful!

    #890042

    Sorry Mike, at first it seemed to be working but then I noticed it still doesn’t .
    Yes, I can find Lora Italic at the bottom of the list.
    However, H3 and further will only show Italic on the screen when both H1 AND H2 are in Lora Italic.
    If I put H1 and H2 in Lora regular (which is my preference), then H3 and all other won’t show Lora Italic on the screen, even though it’s selected in the menu.

    Thank you!!

    • This reply was modified 6 years, 11 months ago by Masmho.
    #890418

    Hi,
    If I understand correctly, you would like H1 & H2 Lora regular & H3 Lora Italic, Try this code in the General Styling > Quick CSS field:

    #top #wrap_all .all_colors h3 {
        font-family: 'Lora italic' !important; 
    }

    To edit your functions.php you need you enable the editor in your security plugin, please see screenshots in Private Content area.

    Best regards,
    Mike

    #890457

    Hi Mike,

    I finally got it to work. The trick was not to only select Lora Italic in the Styling Extra section, but also select italic while in the visual text block itself.

    Thank you so much for all your help! I am in awe of all the help that is offered here on this forum.

    This topic may now be closed.

    #890667

    Hi,

    I’m glad you were able to get this corrected. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Google Font Lora Regular Italic doesn't show up’ is closed to new replies.