On the following page, there is a Special Heading which uses the text “Get in touch. Don’t be shy.” – http://www.247direct.com.
The font size had been ok before I started adding elements to the Quick CSS box, which now only includes the following;
body {
font-size: 18px;
}
@media only screen and (max-width: 768px) {
.avia-layerslider {
display: none!important;
}}
I’ve reset the child theme settings but the problem remains.
Any ideas of what else I could do pls?
Hi magpie6 ;
1- @media only screen and (max-width: 768px) = works OK,
2- Why such a viloent(!) code for your heading h2, just chose your size in the heading element.
Thanks for your response.
Re: 2 – I don’t understand what you mean by ‘violent code’, that what I’m trying to fix.
Hi magpie6 ;
I think to fix the size of an element without naming that element just with “body” tag is hazardous, I said “voilent” inorder to take your attention in that point.
I would write ;
body h2 {font-size: 24px !important;}
Otherwise;
in the special headings there is also a Custom Css Classe zone which could help you.
if you would like to increase size of every text may be you should try something like :
body p {font-size: 110% !important;}
Hey!
Thank you for using Enfold.
@magpie6: You can’t change the special heading styling on the element option? Can you please provide a screenshot of the issue?
@begrafiks: Thanks for helping out.
Regards,
Ismael
I’ve managed to find an alternative solution. This topic may be closed.