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

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

 

@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!

 

@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!

 

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.

This is exactly what I was looking for! I hope Google will like my forum more now 🙂