Jump to content

Community

Increase Body Font Size (Mobile): How?


Recommended Posts

Hey Guys

I am using the IPB default theme. And in the backend, I am able to change the font size for desktop by using the scale font sizes option. 

However this does not seem to change the body font size on mobile at all (only on desktop). Could somebody please tell me how I can change the body font size, so that it will appear bigger on mobile phones as well!

Kind regards,

Marcel

Link to comment
Share on other sites

@Marcel Iseli you can try this. Add this in your theme's custom.css file

/**
 * Font size for mobile */
@media screen and (max-width: 767px){
.ipsType_normal {
    font-size: 16px;
}
.ipsDataItem_title {
    font-size: 16px;
}
.ipsType_medium {
    font-size: 16px;
}
.ipsStreamItem_title {
    font-size: 18px;
}
.ipsStreamItem_titleSmall {
    font-size: 16px;
}
.cWidgetPrice {
    font-size: 11px;
}
}

You can play with the sizes but I wouldn't recommend going larger than that.

Link to comment
Share on other sites

38 minutes ago, PPlanet said:

@Marcel Iseli you can try this. Add this in your theme's custom.css file

/**
 * Font size for mobile */
@media screen and (max-width: 767px){
.ipsType_normal {
    font-size: 16px;
}
.ipsDataItem_title {
    font-size: 16px;
}
.ipsType_medium {
    font-size: 16px;
}
.ipsStreamItem_title {
    font-size: 18px;
}
.ipsStreamItem_titleSmall {
    font-size: 16px;
}
.cWidgetPrice {
    font-size: 11px;
}
}

You can play with the sizes but I wouldn't recommend going larger than that.

Thank you, I will certainly try that! The standard font sizes are WAAAAY to small on mobile devices in my opinion. So I want to try that out. I need much bigger body font on mobile. Also, I just got an error because of that in google search console (text too small). that's the main reason I wanna do that...and it's much easier to read after all if its bigger. Thank you!

Link to comment
Share on other sites

4 hours ago, PPlanet said:

@Marcel Iseli you can try this. Add this in your theme's custom.css file

/**
 * Font size for mobile */
@media screen and (max-width: 767px){
.ipsType_normal {
    font-size: 16px;
}
.ipsDataItem_title {
    font-size: 16px;
}
.ipsType_medium {
    font-size: 16px;
}
.ipsStreamItem_title {
    font-size: 18px;
}
.ipsStreamItem_titleSmall {
    font-size: 16px;
}
.cWidgetPrice {
    font-size: 11px;
}
}

You can play with the sizes but I wouldn't recommend going larger than that.

this works like a charm, thank you very much!

Link to comment
Share on other sites

12 hours ago, Marcel Iseli said:

this works like a charm, thank you very much!

Glad to know. That's exactly how I have the fonts set on my site for the same reasons you mentioned.

Link to comment
Share on other sites

 Share

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

We use technologies, such as cookies, to customise content and advertising, to provide social media features and to analyse traffic to the site. We also share information about your use of our site with our trusted social media, advertising and analytics partners. See more about cookies and our Privacy Policy