-
AuthorPosts
-
August 22, 2017 at 5:06 pm #842660
Hi! How to change the default for
- Font Size for small screens
- Font Size for very small screens
?
Thank you
August 22, 2017 at 6:15 pm #842678Hey mingusme,
Can you explain what you need a little clearer? You need to change the font size?
Best regards,
Jordan ShannonAugust 23, 2017 at 10:56 am #842957Hi 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 = 12pxThank you!
-
This reply was modified 8 years, 2 months ago by
mingusme.
August 23, 2017 at 3:31 pm #843069Hi 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,
VictoriaAugust 24, 2017 at 9:54 am #843373Hi 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!August 28, 2017 at 2:16 pm #844814Hi 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 -
AuthorPosts
- You must be logged in to reply to this topic.
