Okay
  Public Ticket #1158696
Custom font in top header
Open

Comments

  •  2
    mmarianna started the conversation

    Hi again!

    A quick question: is it possible to customize the font on top header in "Short Description below title"
    I would to have a different font and style in the same box.
    Thanks!

    Marianna

  •  75
    Dev replied

    Hi there, 

    Sorry for late response.

    I can be done using custom CSS.

    Let me know what font you want to apply to that section and post the URL of a page so that I can test and then I can provide the solution. 

    If you prefer you can provide a temporary admin account in a private reply and I will update your website too.

    Thanks

    owwwlab's Developer Team representee

  •   mmarianna replied privately
  •  75
    Dev replied

    Hello Marianna,

    As I see on your website, you currently have "Work Sans" for your heading and body font family.

    Page header description follows the body font. So if you want to keep your current body font then we need to load Roboto font first and then assign it with CSS.

    To load the Roboto font use following plugin:

    https://wordpress.org/plugins/use-any-font/

    or just change the body font in customize->theme settings->typography to roboto.

    the rest would be custom CSS but since apparently, you have somehow changed the page header HTML markup, I would need to take a look at to the admin panel to be able to provide that CSS. 

    If it's possible please provide a temporary account for wp-login in a private reply and I will check it.

    Regards,

    Ehsan

    owwwlab's Developer Team representee

  •   mmarianna replied privately
  •  75
    Dev replied

    Hello there,

    Thanks for the login. You don't need that plugin as Eram has it's own typography settings for headings and body font which is available in customiza->theme settings->typography and also about the Google Analytics, you can just paste the JS code in customize->theme settings->custom javascript. 

    Installing additional plugins that are not required will only lead to poor loading performance.

    Ok back to our own case, please answer my previous question. Do we need to have "Works Sans" for body font and only use "Roboto" in that description part or you want to change the body font to Roboto in general?

    Thanks 

    Ehsan

    owwwlab's Developer Team representee

  •  2
    mmarianna replied

    Hi,

    about your question, I want to change the font only in the box with "Roboto" and, if is possible, I would to use it both regular and italic.

    About the plugin for the font, I used it to change H1, H2, H3 etc. If there is another way, please let me know.

    Thanks for your advice about Google Analytics.

    Marianna

  •  75
    Dev replied

    OK, I think it's done.

    I've added a new rule in the dashboard->settings->Google fonts for the description part and assigned the related CSS selector. This will create a new section in appearance->customize->typography called "Theme Typography" so you can assign the actual font and its attributes for this new selector.

    I've also changed one line in our theme core files which will be fixed on next update ( no need to worry about it) so that you can use some common HTML tags in the page description. 

    Note: I am currently using the HTML tag for having an italic version of Roboto which uses browser rendering, it does work but if you want to load the real italic version you just need to add another rule in settings->Google fonts  and give it the below CSS selector:

    .page-head .description div

    Then you can load the italic version of Roboto in the customize->typography

    Please check it and let me know if there is anything else you need to add.

    Regards,

    Ehsan

    owwwlab's Developer Team representee

  •  2
    mmarianna replied

    It works!

    Thanks thanks thanks! 

    You are the best! 

    Really, the best support ever!

    Have a nice weekend.

    Marianna

  •  75
    Dev replied

    Thanks, glad I could help.

    I would really appreciate if you can share your experience with our theme and service on the Themeforest market. There is a rating option available on your Themeforest download page right below Eram theme which you can use for rating and review the item.

    Thanks again,

    Ehsan

    owwwlab's Developer Team representee