Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 5, 2015 at 4:02 pm #498688
    WEBIGAMI

    Hi team,

    I increased some body font sizes with page builder in some sections of http://looklocal.co – on mobile, I’d like to reduce the font size again. But this code only works on body font parts which haven’t been set bigger. The in page builder increased text section stay the same with this code

    @media only screen and (max-width: 467px) {
    #top body {
    font-size: 13px;!important;
    }
    }

    An example on the fronpage of http://looklocal.co in the middle of the page:

    “Look Local ist ein junges Unternehmen aus Hamburg. Das Gründerteam verfügt über langjährige Branchenerfahrungen sowie exzellente Softwareentwicklungskompetenzen. Der enge Draht zu unseren Kunden liegt uns dabei sehr am Herzen. Sie sind herzlich eingeladen, uns jederzeit in unseren Büros in Hamburg zu besuchen und die Macher von Look Local persönlich kennenzulernen.”

    Please advise.

    Jan

    September 7, 2015 at 3:59 am #498988
    Ismael

    Hey Jan!’

    Thank you for using Enfold.

    The code is actually incorrect. The body tag contains the #top id attribute, basically, they’re the same. Please replace it with:

    @media only screen and (max-width: 467px) {
body {
font-size: 13px;!important;
}
}

    OR

    @media only screen and (max-width: 467px) {
#top {
font-size: 13px;!important;
}
}

    Best regards,
    Ismael

    September 7, 2015 at 11:16 am #499163
    WEBIGAMI

    Hi Ismael,

    thank you. But neither does work for the body text, I increased the font size per Avia page builder before. Only for the parts, where the body font size is set to default.

    Do you know what I mean?

    Jan

    September 7, 2015 at 5:28 pm #499419
    Andy

    Hey!

    there is a typo, please change Ismael’s code to:

    @media only screen and (max-width: 467px) {
body {
font-size: 13px !important;
}
}

    OR

    @media only screen and (max-width: 467px) {
body {
font-size: 13px !important;
}
}

    and maybe you need this code for the text passage in question:

    @media only screen and (max-width: 467px) { 
.avia_textblock {
font-size: 13px !important;
}}

    Cheers!
    Andy

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.