• Resolved zawiah

    (@zawiah)


    Hi,
    i have install plugin font plugins but my list blocks still used the old fonts.

    Please help.
    Thanks.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator bcworkz

    (@bcworkz)

    Add this to the customizer’s Additional CSS section:

    ul, ol, li {
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    }

    Remove any similar rule that’s already there, it has a syntax error. The one like this:

    ul, ol {
    font-family: "Arial"; Arial;
    }
    Thread Starter zawiah

    (@zawiah)

    Hi,

    Thanks for you fast response.

    I have tried and its worked for my list block now.

    However my headings, captions and widgets is not changed. Please advise me as I’m novice in CSS.

    Really appreciated.

    • This reply was modified 2 years, 5 months ago by zawiah.
    Moderator bcworkz

    (@bcworkz)

    The others likely all have their own unique rules and selectors. Use your browser’s element inspector tool to learn what rules are applied to any selected element. Look for the applicable property in each case. font-size: in this case (and perhaps other font properties). Test out different values in the tool by directly editing the values. The page will then be updated to reflect the edit. Changes in the tool do not persist, reloading the page reverts back to the original rules.

    The properties in the tool are presented in the proper syntax. Once you have determined what appearance you like, for the most part you can copy/paste the altered rules into Additional CSS, removing any properties that you hadn’t changed. One exception being the media queries. They will need slight editing to maintain proper syntax.

    The tool is a good learning mechanism. When you add an entirely new rule, it’ll suggest appropriate selectors for the current element. Selectors will often need modification, but the suggestions are always a good start. When you add new properties, once you start typing, the tool will auto-suggest complete properties and values which you can select from. This is useful when you’re not sure what the correct property name was supposed to be. You can guess at the first few letters and auto-suggest will help you out.

    The tool’s UI naturally involve a slight learning curve. It’s well worth your time getting to know your way around it. The most useful elements are the element selector, the toggle between mobile and desktop view, the add new rule icon, and how to emulate a hover state without actually hovering on the page, thus freeing your cursor for other usage.

    Thread Starter zawiah

    (@zawiah)

    Hi,

    Sorry for late reply.

    I’ve tried to do as your advised and I’ve learn something and sometimes its worked and sometimes it didn’t. but I will explore more.. thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘List Block got different font from paragraph font’ is closed to new replies.