Skip Navigation

[Resolved] Unexpected behavior: List items shown in a View lose font formatting

This support ticket is created 6 years, 3 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

This topic contains 1 reply, has 1 voice.

Last updated by liatG 6 years, 3 months ago.

Author
Posts
#1111772
Font is correct when Custom Post is not shown in a View.png
Customizer font is Lato for <p data-lazy-src=
Custom field content added to view loop in <p data-lazy-src=
View shows field in <p data-lazy-src=
Main view for this page.png
List shown in view has different font.png
HTML from post field.png
Content shown in view.png
Content with list item.png

For some reason, when I have a

  • list item in a piece of content, when I display that content in a view, the list loses its font. In this case, the font reverts to a basic sans-serif font instead of Lato, which is the font of the whole site.

    For example, on hidden link.

    The first list item you come to as you scroll down is in the section called "Introducing the Brioche Purl Stitch." It is from a taxonomy term Custom Field. In the screenshot you can see that the text itself is just formatted as a list, but shown in the view on the page, it changes font. See screenshots.

    Same with the section "Tips and Skills to practice," which comes from a Custom Field for one of the posts in the view. See screenshots.

    In both cases the view presents the fields normally, within <p> tags.

    You can see in the Astra customizer, the paragraph font is set to Lato. See screenshot.

    Lastly, if I view the chapter on its own, not within a view, the

  • list items appear in the correct font. See screenshot.

    Therefore, I would like help making the font show up correctly on list items when they are shown within a View. Thank you!

  • #1111809

    I added the following to my Layouts CSS:

    ul {
      font-family: lato
    }