Need help increasing font size for bulleted lists

[cguttery]

Hi,
Thanks in advance for your help. I'm on the latest version of Magazine Pro. I'm finding that when I use a bulleted list, my font size is being reduced, making that copy harder to read.
I've set my body font size to 18pt in the customized default typography area of "appearance". But it doesn't seem to be applying to the bulleted lists.

Do I need some custom CSS to boost up the bullet font size? If so, can you help me with the right code?

Here's an example of a page w/ the smaller font size (scroll to the bottom)

Uniquely SF: 30 Unusual, & Cool Things to Do in San Francisco

Here's an example of my other site with a larger size bullet (on an older Daily Dish theme). This is what I want for the california site.

9 Great Camino de Santiago Movies: Motivation, Inspiration & Perspiration

https://californiacrossings.com/unusual-cool-things-to-do-in-san-francisco/

[Anita]

You would also need to change the "marker" which is the bullet. Add this to the Additional CSS box.

ul li::marker {
  font-size: 1.5em;
}

---

Love coffee, chocolate and my Bella!

[cguttery]

Thanks for the quick reply Anita. When I add in that code, it increases the line spacing but not the font. I tried using the following, but it didn't work either.

ul li::marker {
font-size: 18px;
}

But I found the following elsewhere and it seems to be working. Does this code look kosher to you?

.has-medium-font-size ui, oi, li
{ font-size:18px;
}

[Anita]

Where did you place the code provided? I based my response on your statement that you already set your font size for the body.

I've set my body font size to 18pt in the customized default typography area of "appearance". But it doesn't seem to be applying to the bulleted lists.

If you want them to be the same size, they should be equal in the px.

If you added the code directly to the stylesheet, you'll need to clear your cache to see the changes.

---

Love coffee, chocolate and my Bella!

[cguttery]

I set the 18 pt type in appearance>>typography>>default typography.

But I put your suggested code into the >>add additional css field.

I did clear cache on it and it's just adding spacing between lines but not enlarging the font. Perhaps a quirk of the theme?

The "has-medium-font...." code that I noted above did work. But I just wanted to make sure that it wouldn't have some unintended effect elsewhere in my css

[Anita]

You stated:

I set the 18 pt type in appearance>>typography>>default typography.

Your theme doesn't come with a Typography setting. You must have a plugin installed for manipulate the fonts. So that could be your issue.

You also have Autoptimize active. That too can be an issue.

---

Love coffee, chocolate and my Bella!

[Author]

Posts