How can I increase font size on mobile theme?

Posted in: Newspaper
Post count: 9

Hello friends!

I would like to increase the font size on the mobile theme. I guess I need a CSS code for that. Can you help me with it, please?

Also, I would appreciate if you give me a CSS code that changes the font family on the mobile theme, as well.

Thank you so much, guys!

  • This topic was modified 8 years by afserban.
Post count: 20688

Hi,

Indeed the mobile theme plugin does not have font settings. This could only be done with CSS. These is a similar topic explaining how you can load an additional font on mobile
https://forum.tagdiv.com/topic/change-font-of-mobile-theme/
Then apply it to the elements you want with CSS. The font size could be changed the same way. I can give you some pointers if you could mention for which elements you want to make this modification exactly.

Thanks

Post count: 9

Thank you for replying. I would like to change the body font size to 17px let’s say, and I would appreciate if you could give me a quick CSS to do that.

Cheers!

Post count: 20688

The default value is 14px for the body on mobile, with a line height of 21px
https://www.screencast.com/t/1bRyQMuH
You can simply use a code like this to modify it
https://www.screencast.com/t/ZbVEa33gUTw

body, p {
font-size: 17px;
}

Custom CSS codes can be entered for the mobile theme in Theme panel->Mobile theme->Custom CSS.

You could also edit the mobile theme stylesheet and make the modifications directly there, instead of overriding them
https://www.screencast.com/t/ZaBaESdgJYet

Thanks

Post count: 9

I tried both solutions but none of them seems to work. 🙁

Post count: 20688

Let’s try in a different way. Please mention what elements exactly you want to change the font size for. Some elements do not use the set body fonts and font size, they have design of their own which overrides the generals.

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.