Hi! How to change the default for
?
Thank you
Hey mingusme,
Can you explain what you need a little clearer? You need to change the font size?
Best regards,
Jordan Shannon
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!
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
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!
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