How to adjust the fonts in List section on mobile.

honzicek

Hello, how can I adjust the font size on the List section on Mobile?

Is that done via Theme Options or?

I appreciate your help.

Jan

Screenshot 2024-06-10 at 14.40.35.png

https://www.outdoormasterminds.com/

Phil

Hi,

You can adjust it in the Style tab of the List element.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

honzicek

Hi, not sure if I explained myself well, but I want to adjust the Title typography.

And I don't see it in the options.

Screenshot 2024-06-10 at 17.07.59.png

Thank you,

Jan

Phil

You are checking in the wrong place. Look a little lower.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

honzicek

Hi, still not correct. I want to change the title within the List block. And the description wrapper is the text inside and not the title. Any more ideas? Thank you, Jan

Phil

Do you mean the H3 tag? If yes, as you placed it with a custom HTML, there is no setting to edit it through the element, and the font size is taken from the Theme options.

However, you can adjust it with the following CSS code:

@media only screen and (max-width:767px){
 .mfn-list-item h3{
   font-size: 22px;
   line-height: 1.5em;
 }
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

honzicek

Hi, yes, that's it :)

It works, thanks a lot for your help.

Jan