Docs

[adagency2013]

I am using the integrity template no.8 and the fonts on it are very big, which is great for desktop and tablet, but for phone it is way too big where browser displays only one or two words in a paragraph http://e64.39f.myftpupload.com/acne-treatment/
So how can I style the site so it will change font size according to device.
Thanks

[Joao]

Hi There,

Try setting your font sizes using em as a measurement instead of px.

So instead of setting 24px you can try using 1.2em

If that does not work please add the following code to your Appereance / Customizer / Custom / CSS

@media only screen and (max-device-width: 480px) {

.entry-content .content p {

font-size: 12px

} }

Hope that helps,

Joao

[adagency2013]

In customizer all global fonts are set to px not em.
also,
I just found this setting in cornerstone under “X settings: under general setting for the page.
It is called “Responsive Text” settings.
Where is docs for using that? and is it global or per page. if per page how can we use global?

[adagency2013]

I tried that code as well, but not working.
see here
http://quirktools.com/screenfly/#u=http%3A//e64.39f.myftpupload.com/psoriasis-treatment/&w=320&h=533&a=34&s=1

[Jade]

Hi there,

To apply a Responsive settings to a text, assign an class to the Text element

And then use that class to be the selector of the Responsive text setting

Feel free to adjust the compression, minimum, and maximum size option.

Let us know how it goes.

[adagency2013]

Thanks for explaining it.
but even if it did work, it would not be global.
so my issue is not resolved.

also I tried this too and it did not work.

@media (max-width: 480px) {
html body {
font-size: 20px;
}
}

[adagency2013]

Now it seems to work the original code, if I put the into customizer>custom but not the child theme css! I am confused which one to use.

[John Ezra]

Hi there,

Thanks for updating the thread! If it is not working in your child theme’s CSS something may be conflicting. Are other CSS working in your Child Theme’s CSS file? If they aren’t, the child theme’s CSS file may not be linking properly or something is conflicting. You should be able to use both the same.

If other CSS are working and this isn’t something may be conflicting with the specific CSS.

Please check and let us know – thanks!

[Author]

Posts