Font size on mobile view for bullet points

Support
#1

Hey there,

currently I do have different font sizes for bullet points / lists than for regular text. Here is an example:

My blog is: https://www.adsventure.de/facebook-anzeigenformate-2017/

Is there a way to set the same font size, also for bullet points/lists? :slight_smile:

many thanks!

#2

Hi There,

Please find this custom CSS:

@media screen and (max-width: 480px) {
   .single-post p,
.single-post ol li,
   .single-post ul li * {
       font-size: 14px !important;
   }
}

And change to this:

@media screen and (max-width: 480px) {
   .single-post p,
.single-post ol li,
   .single-post ul li * {
       font-size: 1.286rem !important;
   }
}

Hope it helps :slight_smile:

#3

Hey thai,

I just tried to change it like you mentioned, but this effects every font-size on mobile pages, not only the font size of the lists.

Do you maybe have any other suggestion? :slight_smile:

#4

Hi there,

I suggest that you change the code to the one below:

@media screen and (max-width: 480px) {
   .single-post ol li,
   .single-post ul li * {
       font-size: 1.286rem !important;
   }
}

What we did at the code above:

@medi screen and (max-width: 480px) {

This section forces whatever code inside it to be restricted to devices which have lower width size than 480px.

.single-post ol li, .single-post ul li *

The section above is a selector which will work only for single posts numbered or none numbered bullet list.

font-size: 1.286rem !important;

The section above forces to have the sections mentioned above the font size of 1.286 rem.

Hope that helps.