Tagged: adjust, heading, mobile, mobile view, size, special heading, style
Good evening,
i have a few questions for adjusting my font sizes:
1. How can i change the font size of headings in a paragraph only in mobile view?
2. Is it possible to change the font size percentage?
3. I cant adjust the size of different views from special headings. Are the style settings in the special heading settings prioritized or is it possible that other code will disable my changes there?
Here is a picture which shows the headings on my website. Thank you for your support.
Hey Benjamin_Nitsche,
Thank you for the inquiry.
Are you trying to adjust the font size of the headings within a text block element? Using the following css code in the Quick CSS field should work.
.responsive #top .avia_textblock h2 {
font-size: 18px;
}
Or use em instead of px.
.responsive #top .avia_textblock h2 {
font-size: 1.6em;
}
The font settings in the Special Heading element can be overridden with custom css. You can also adjust the element styling in the Enfold > Advanced Styling panel.
Best regards,
Ismael