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

    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?

    #388812

    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.

    #388815

    Thanks for your response.

    Re: 2 – I don’t understand what you mean by ‘violent code’, that what I’m trying to fix.

    #388822

    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;}
    
    #389218

    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

    #389764

    I’ve managed to find an alternative solution. This topic may be closed.

    • This reply was modified 9 years, 10 months ago by magpie6.
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Problem with H2 Styling on Special Heading’ is closed to new replies.