How to adjust the fonts in List section on mobile.

honzicek · June 10

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 · June 10

Hi,

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

Best regards

honzicek · June 10

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 · June 11

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

Best regards

honzicek · June 11

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 · June 11

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

honzicek · June 11

Hi, yes, that's it :)

It works, thanks a lot for your help.

Jan

How to adjust the fonts in List section on mobile.

Comments