Bullet point change size

[pearlmultimedia]

I wanted to change the bullet point text size every time I use bullet points on posts and pages. I got this suggestion from Jade, but I can’t reply to his comment anymore. Is there a way to make this Global in a way that I don’t need to add a class every time I create a post or page? Here’s what he said:

Please add a class to the text element that contains the list then add this code in the Global CSS (the code below assumed that the class you have added to the text element is the-list)

.the-list ul il {
font-size: 22px;
}

[mldarshana]

Hi There @pearlmultimedia

Thanks for writing in! Could you please try updating your CSS rule as follows to apply it globally.

ul li {
  font-size: 22px;
}

Make sure to add it into your Global CSS area X -> Theme Options -> CSS.

Thanks!

[pearlmultimedia]

Thanks @mldarshana. I’ll try that. Also, I noticed that although the font was appearing too large on desktop, it was then appearing too small on mobile. With your code fix that?

[basanta]

Hi There,

It should decrease the font too.

Thanks