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.
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
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