Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 31, 2019 at 3:38 am #1060684
    designyvr

    Hi,
    I’d like to increase the text block font weight for tablets and phones. For desktop, I have the following for the desktop text block styling in the custom css:

    div.avia_textblock p {
    font-weight: 300 !important;
    }

    and added this for the tablet and smart phone css:

    @media only screen and (max-width: 767px) {
    div.avia_textblock p {
    font-weight: 400 !important;
    }
    }

    However, the font weight is not changing in the tablet and smart phone view. Could you please advise \as to how to change the font-weight?

    Thanks for your help!

    February 1, 2019 at 2:41 pm #1061567
    Rikard

    Hey designyvr,

    Are you sure the font supports 400, what happens if you change it to 600? What happens if you remove !important from your CSS?

    Best regards,
    Rikard

    February 1, 2019 at 7:54 pm #1061696
    designyvr

    Hi Rikard, Thanks for your suggestions. I tried them, but the weight change is still not showing for the mobile view. Could you please take a look and advise? Thank you.

    In the header:

    <link href=”https://fonts.googleapis.com/css?family=Montserrat:300,600&#8243; rel=”stylesheet”>

    In the Custom CSS:

    @media only screen and (max-width: 767px) {
    div.avia_textblock p {
    font-weight: 600;
    }
    }

    div.avia_textblock p {
    font-weight: 300;
    }

    February 3, 2019 at 9:20 am #1062148
    Rikard

    Hi,

    I put your CSS in the correct order and it’s working now.

    div.avia_textblock p {
font-weight: 300;
}

@media only screen and (max-width: 767px) {
div.avia_textblock p {
font-weight: 600;
}
}

    Best regards,
    Rikard

    February 3, 2019 at 8:27 pm #1062392
    designyvr

    Perfect, thank you so much for your help Rikard!!

    February 4, 2019 at 12:06 pm #1062622
    Rikard

    Hi,

    Great, I’m glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    February 4, 2019 at 7:00 pm #1062789
    designyvr

    Please close the topic. Thanks again Rikard!

    February 4, 2019 at 7:20 pm #1062798
    Nikko

    Hi designyvr,

    Glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Media Queries’ is closed to new replies.