List block not inheriting font family from typography control in customization

  • Adam

    (@ahardy42)


    1 month ago

    I have just realised that my bulleted lists are using a different font on the live website. It should be using “PT Sans” but has got something else in the computed styles browser inspector:

    -apple-system, BlinkMacSystemFont,?“Segoe UI”, Roboto, Oxygen-Sans, Ubuntu, Cantarell,?“Helvetica Neue”, sans-serif

    PT Sans is a Google font in their Easy Google Fonts plugin. I’m not sure if that is the problem or where I’d need to add more CSS. There’s an Easy Google Fonts settings page where I have a Font Control, but nothing further, it looks pretty bare metal.

    In the Customizing -> Typography -> Default Typography, I have set the PT Sans font family for P and Hx elements. In the Theme Typography, I have selected the font control mentioned above.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • threadi

    (@threadi)

    The PT Sans font is already loaded. However, it is not assigned to the list items. Where you set it for p, also add it for li. example:

    p, li {
     font-family: 'PT Sans', sans-serif;
     font-style: normal;
     font-weight: 400;
    }
    Thread Starter Adam

    (@ahardy42)

    Hi Threadi,

    thanks for picking this up. I figured that I could just add CSS code, like in the Appearance -> Additional CSS field, but that I’d be slicing through several carefully designed CSS management techniques in various WordPress and Plugin features.

    After playing around with this for a bit, I figure that it’s the Easy Google Fonts plugin being a bit basic. The plugin has a dialog to enter details for a font control, and this dialog has a field to enter “Font Control CSS Selectors”. Now it worked on P, H1, H2 etc without needing any entry here, just not on UL or LI. So I entered UL and it works.

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.