Hi.
I use MOBILE THEME for my website and I’d like to know if I can make some changes (using css advises).
1. Can I enlarge text font (what size is the default)?
2. Can I have another block used to Latest Articles list (If yes, where can I chose from)?
Thank you.
Nick
Hello NBak18,
If you want to affect the mobile devices, all of your custom code should have to be added in the specific area from here -> https://www.screencast.com/t/xIoyYtOiSzmh
Hope this helps!
Thanks for the message!
Hi.
I know where to add the code, but I don’t know what code to add.
That’s why I’ve asked your help…
Nick
Hi Nick,
Unfortunately, please notice that we cannot provide custom CSS code because we cannot provide additional customizations. You should use the Inspector Browser to create your own CSS code according to our documentation from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ Usually, we recommend the developers from studio.envato.com.
Thanks for your understanding!
I also tried to increase font size from style.css file, restarted apache… but nothing changed.
I then tried
html {
font-size: 18px;
}
to mobile theme css. It worked for a while, only in tablet, -some articles; not all- … but then I got again the standard font size.
I read in an article that maybe that’s because I’m not using a google font.
Any thoughts?
Hello NBak18,
Unfortunately, please notice that everything you want to involve doing such additional customization and we cannot provide something like this at the moment, sorry! If you want to affect the style of the Mobile Theme, all the code should have to be added into the Custom CSS area from Mobile Theme settings in the panel. Also, if you want to change some functionality, you should edit the theme core files. If you are not aware of the steps which are needed to take in this case, please consider hiring a freelancer/developer to help you. Basically, we recommend the developers from studio.envato.com.
Thanks for your understanding!
Hi and thank you for your reply.
I will follow your suggestion.
Can you inform me about which BlocK is used to Latest Articles and If my developer will be able to change that to Block 5 (I want full screen photo for mobile)?
Thank you.
Hi,
I will try to help you.
1 .So you want to increase the size of the text in the post content I believe, when using the mobile theme plugin.
The default font-size is 15px with a line height of 26px
– https://www.screencast.com/t/ylTxhhEnsA
Using the browser inspector this is not difficult to modify
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
So a code like this will affect all the paragraphs in the post content
– https://www.screencast.com/t/tLRvOAl0
Code used in example, modify the values as you want, then enter it in the mobile theme CSS section of the theme panel.
.td-post-content p {
font-size: 18px;
line-height: 29px;
}
2. The mobile theme only has a single module that it uses for the latest articles. This plugin does not have many settings and is kept as light as possible for performance factors. Having many settings and loading heavy resources would only make it slower.
The plugin is optional and intended to be used if the website owner wants to display a simpler and faster variant of the website on mobile, with no dependency on page builder content.
Thanks
