Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1101320
    eomedical
    Participant

    Hi,

    I have a heading with class “responsive-h1”, and I want the font-weight to be 100.
    But the font-weight display is still normal weight.

    The code I added to the custom css editor is:
    @import url(“//fonts.googleapis.com/css?family=Roboto:100,300,400,700,900”);
    .responsive-h1 {
    font-family:’Roboto’, sans-serif;
    font-size:38px;
    margin:20px 0 0 0;
    font-weight:100 !important;
    }

    The URL is http://eogroup.asia/products/infection-control/automated-disinfection/

    I had tried add in the javascript as well, but no luck to get the font-weight.

    Thanks & Best Regards,
    Sim

    #1101365
    Christopher
    Moderator

    Hi there,

    Because this requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

    Please add following code in child theme’s style.css file :

    @import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900);

    Hope it helps.

    #1101491
    eomedical
    Participant

    Thanks! it helps.

    Best Regards,
    Sim

    #1101494
    Christopher
    Moderator

    You’re welcome.

    #1165767
    eomedical
    Participant

    Hi Christopher,

    I just removed the following code from my child theme css:
    @import url(“//fonts.googleapis.com/css?family=Roboto:100,300,400,700,900”);
    .responsive-h1 {
    font-family:’Roboto’, sans-serif;
    font-size:46px;
    font-weight:100 !important;
    }

    But the heading with class .responsive-h1 still remained unchanged.
    The title “Making Lives Better” from home page is one of those heading with class .responsive-h1
    The font-weight is still 100 instead of 700 set in customizer, since I already removed the css from child theme.

    My URL is: eogroup.asia
    Kindly advise.

    Thanks & Best Regards,
    Sim

    #1165949
    Friech
    Moderator

    Hi Sim,

    Please keep this line:

    @import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900);

    You need that line to request that font from Google.

    Please clear your browser’s cache as Making Lives Better headline is weight 700 on my end.

    Thanks.

  • <script> jQuery(function($){ $("#no-reply-1101320 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>