change of font-size in tablet.css has no effect

Hi,

I want a larger font in the tablet view of the website. So I changed the existing css declaration inside tablet.css.
The existing one is:
body {
font-size: 14px;
}
to body {
font-size: 17px;
}

This change is not picked up by the template: it keeps using the 14px value.
I flushed all caches, opened and closed the site x-times: nothing changes at all.

What am I doing wrong?


Thank you.

Paul

Forgot the url of the site, sorry.

The site is this one:
http://www.each-for-sick-children.org/

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

@media only screen and (max-width:924px) {
body {
    font-size: 17px;
}
}


Hi,

Thanks for responding.
I pasted the complete code and tested this. I made the font-size: 27px so it should really make a change. But the font-size in tablet view and smaller stays the same: 14pt.
I know it should work, but it does not.
see:
https://www.stagingsite.each-for-sick-children.org

The site is j3.5.1, the template MO 3.20.1

I think perhaps this post has somehow got lost.
I really still would like ans answer to the question I put to you.
I know the suggested solution is correct, but my problem is that it does not solve the issue, as I described in my earlier posts.

Thank you.

Hi

Sorry. It got lost indeed. I've missed Your reply, apologies for that. I've just checked and the code I asked to add to override.css is simply not there. Please attach this file or copy it's content.