Support » Theme: Canard » Bullet point font size did not change with font

  • Resolved designerinspace

    (@designerinspace)



    Hello,

    Little thing which is quite annoying – I just made smaller the font of the text blocks on my website, but I realised the bullet point font size stays the same. I read in another theme thread that this is a bug that needs to be corrected by developer. Is that correct? How can we solve it?

    Thank you for your help!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator Kathryn Presner

    (@zoonini)

    Automattic Happiness Engineer

    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:
    http://designerinspace.com/service-design-global-conference-2017-highlight-talks/
    (Bullet points appear for example in point 3)

    Thank for your help!

    Moderator Kathryn Presner

    (@zoonini)

    Automattic Happiness Engineer

    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!

    Moderator Kathryn Presner

    (@zoonini)

    Automattic Happiness Engineer

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Bullet point font size did not change with font’ is closed to new replies.