Reduce font size

Hi

My site has font size 18px on desktop. it looks big on the mobile screens and would like to reduce the size only on mobiles

I added this

@media (max-width: 480px){
.entry-content.content {
font-size: 14pt;
}
}

but it has not worked. the font looks the same.

I am not using cornerstone for the pages
Is there a way in which i can change the font to responsive text ( works the same as changing fonts right? ) - the tutorials i have read seems to be for pages made with cornerstone

thanks

Hi there,

Thanks for writing around! Please replace your code with the following one:

@media screen and (max-width: 767px){
  .entry-content p span {
    font-size: 14pt !important;
  }
}

You can find more info on how to check for CSS selectors here. Then information about writing your custom CSS here

Hope this helps!

1 Like

Hi,

That has worked
thanks

You are most welcome!

Hi
One problem
the bulleted or the numbered font size still looks big
can I change that as well
Thanks

Hi There,

Thanks for asking again!

Please post your page URL having the mentioned section so that we can help you on this.

Thanks

Hi

Please check the url
all the fonts are small except the ones with bullet points

[details=Summary]
https://sewguide.com/color-combinations-for-clothes/[/details]

thanks

Hi there,

Please update the code to:

@media screen and (max-width: 767px){
  .entry-content p span,
  .entry-content ul li span {
    font-size: 14pt !important;
  }
}

Hope this helps.

Hi
This seems to be fine
Thanks

Hi @sarinata.

Let us know how it goes.

Feel free to ask us again.

Thanks.

Hi

I am using the plugin called eww image optimiser to limit the no of images generated by the theme.
Is there another way i can do this
I donot use any of the images generated by the theme
Thanks

Hi,

That’s fine, we actually recommend that plugin for site optimization.

See Image Compression Section on the link below

Thanks

Hi

The thing is I am thinking of using another plugin for image optimisation ( it comes with other functionality which i am already using ) so I thought I will delete eww. but i cannot because i am using eww for limiting the images
is there a toggle on -off solution :slight_smile: it would have been nice

Hi There,

We are really sorry but there is no such option in the theme.

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.