Bullet point font size did not change with font

Hi @designerinspace – I’m not sure what other thread you’re referring to, but if you point me to a page or post with a bullet list on your site I’d be glad to take a closer look and help you adjust your custom CSS. I spot-checked the most recent couple of posts but didn’t see a bullet list – maybe I missed it. Thanks.

Hi Kathryn,

Thank you for your answer.
The page I’m referring to is here:
https://designerinspace.com/service-design-global-conference-2017-highlight-talks/
(Bullet points appear for example in point 3)

Thank for your help!

I found this inline stylesheet where you’ve changed the size of several elements:

p { font-size: 18px; }
h1 { font-family: 'Playfair Display'; font-style: normal; font-weight: 700; }
h2 { color: #000000; }
h3 { font-family: 'Open Sans'; font-size: 21px; font-style: normal; font-weight: 300; line-height: 1.3; }
h4 { color: #000000; font-family: 'Playfair Display'; font-size: 22px; font-style: normal; font-weight: 700; line-height: 1.2; text-transform: none; }
h5 { }
h6 { }

You can add unordered (bulleted) and ordered (numbered) lists to your paragraph declaration, like this:

p, ul, ol { 
  font-size: 18px; 
}

Because you’re targetting very specific elements like this, you might later find that you’re missing some elements, such as blockquotes or other common HTML. It’s usually better to target a broader element instead, so you don’t need to know in advance which HTML elements you might decide to use in a post.

.entry-content { 
  font-size: 18px; 
}

You can put the above in your Customizer’s Additional CSS area, instead of using the additional inline stylesheet above, which I think is coming from your Google Fonts plugin.

Hi Kathryn,

Thank you for your help.
I just had a chance to change it now. Thank you! The last piece of code worked perfectly!

Cheers!

Glad that did the trick – you’re very welcome!