Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #842660

    Hi! How to change the default for

    • Font Size for small screens
    • Font Size for very small screens

    ?

    Thank you

    #842678

    Hey mingusme,

    Can you explain what you need a little clearer? You need to change the font size?

    Best regards,
    Jordan Shannon

    #842957

    Hi Jordan. Yes, I would like to change the font size for all elements regarding “Font Size for small screens” and “Font Size for very small screens”

    Font Size for small screens = 14px
    Font Size for very small screens = 12px

    Thank you!

    • This reply was modified 7 years, 2 months ago by mingusme.
    #843069

    Hi mingusme,

    The general rules can be something like

    
    
    @media only screen and (min-width: 480px) and (max-width: 767px) {
     .main_color p, .main_color span {
       font-size: 14px;
     }
    }
    
    @media only screen and (max-width: 479px) {
     .main_color p, .main_color span {
       font-size: 12px;
     }
    }
    

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #843373

    Hi Victoria,
    thank you for your assistance. Unfortunatelly, this doesn’t effect all elements. For example “Speacial heading” element which comes along with these classes:
    <h2 class="av-special-heading-tag av-small-font-size-overwrite av-small-font-size-12 av-mini-font-size-overwrite av-mini-font-size-10"

    How would I change this to effect also on h2, h3 etc.? I already tried adding “.main_color h2” to the CSS you shared with no results.
    Thank you!

    #844814

    Hi mingusme,

    Could you please give us a link to your website, we need more context to be able to help you. There are a lot of rules to change to make the texts smaller.

    Best regards,
    Victoria

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.