? Change fonts on Mobile Theme

Posted in: Newspaper
Post count: 12

Hi!

I need some help with the mobile theme.

I want to change the fonts. I tried to do it from mobile Styles.css but i cant (I dont know how)

¿How can I change the Titles font to “Roboto”, bold, and a little bit bigger?
¿How can I change the paragraph font to “Open Sans” and a little bit bigger?

Thanks in advange.

Post count: 20688

Hi,

It is true, the mobile theme doesn’t have any font settings. Maybe in the future we will add some settings in the panel. Everything in the matter is predefined. Do you use just the mobile theme or AMP as well? For what elements do you want o change the font and how exactly? Maybe there is a way, let me know.

Thanks

Post count: 12

Hi, thanks for answer! I use the mobile theme.

I managed to find this codes:


@media
(max-width:767px){
.td-post-content p{
font-size:18px!important;
line-height:32px!important
}
}


@media
(max-width:767px){
.td-post-header header .entry-title{
font-weight:700!important;
font-size:35px!important;
line-height:35px!important
}

Im happy with it, but just one thing: In the quotes or boxes of “Shortcodes ultimate” the font is still small. How can i fix that part?

And another thing: There is a way to change the module appearance of “Last articles” in the mobile theme?

An example of an article: https://frikedades.com/carta-hogwarts-harry-potter/

  • This reply was modified 7 years by Yago88.
Post count: 20688

Hi,

I believe you are referring to this element – http://prntscr.com/mwse04
You could increase it’s font as well by the same method – http://prntscr.com/mwsev2
So that first code you mention would be like below, replace it with this one

@media(max-width:767px){
.td-post-content p,
.td-post-content .su-box-content
{
font-size:18px!important;
line-height:32px!important
}
}

By a setting it is not possible to chnage how the module of the related articles looks, what exactly would you like to do with it? Maybe it is possible by some means.

Thanks

Post count: 12

Thanks! It was with the su-note-inner, I think that I am learning a bit 😛

My problem with the mobile theme is that I cant design nothing with it. I dont want the last articles in my landing page, I want a “Cluster mode” page with X articles/pages that fills ups all the screen (no margins). And the same for more pages.

Its viable by css? There are a lot of things and I can pay a programmer for that.

Thanks in advance.

Post count: 20688

Hi,

That would be correct, most of the elements ion the mobile theme are predefined. The homepage can only display what it is defined in the code, there are no settings for it
http://prntscr.com/mx7k0d
So there will be a top grid with featured posts, the content you enter in the mobile editor for the homepage, and a latest articles section.

The other pages will display only what is entered in the mobile editor.

Now that the mobile theme can be used together with the official AMP plugin we will add more settings and customization options for it in future updates.

Thanks

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