Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 12, 2023 at 9:54 am #1407191
    Nomad

    Hi,

    I recognised enfold having a font problem with a numbered icon list.

    In quick CSS, I used …

    
.VV-IconList-numbers li:nth-child(1) .iconlist-char:before {content: '1'; 
}
.VV-IconList-numbers li:nth-child(2) .iconlist-char:before  {content: '2'; 
}

    how can I change font/family, weight, size as well?

    • This topic was modified 1 year, 6 months ago by Nomad.
    May 12, 2023 at 10:55 am #1407207
    Nikko

    Hi Nomad,

    Can you give us a link to the page mentioned? so we can try to inspect it.

    Best regards,
    Nikko

    May 12, 2023 at 12:05 pm #1407229
    Nomad

    link here…

    It’s a browser-thing: safari is ok, chrome & firefox not.

    • This reply was modified 1 year, 6 months ago by Nomad.
    • This reply was modified 1 year, 6 months ago by Nomad.
    May 13, 2023 at 11:28 pm #1407319
    Nikko

    Hi Nomad,

    I tried to check it on both chrome and firefox, it seems to show properly.
    Screenshot link on how it looks in chrome on my end (firefox is also the same).

    Best regards,
    Nikko

    May 14, 2023 at 12:11 pm #1407348
    Nomad

    Hi Nikko,

    OK, I sent u IOS & Mac-Screenshots attached, pls chk:
    Safari and Chrome on Mac and IOS is OK, Firefox and Chrome on Mac not.

    Is there anything I can do via Quick CSS to ensure browsers using grotesk fonts and no serifs?
    Or via Custom CSS on the child side to manipulate Font size, weight, family …

    • This reply was modified 1 year, 6 months ago by Nomad.
    • This reply was modified 1 year, 6 months ago by Nomad.
    • This reply was modified 1 year, 6 months ago by Nomad.
    May 14, 2023 at 11:57 pm #1407383
    Nikko

    Hi Nomad,

    I have requested access to the screenshots.
    If grotesk font is already loaded on the website, you can set the font-family on the code you posted since iconlist-char‘s font is set to entypo-fontello by default.

    Best regards,
    Nikko

    May 15, 2023 at 1:47 am #1407399
    Nikko

    Hi Nomad,

    Thanks for granting the request access.
    I thought the numbers were not rendering and it seems the problem was inconsistency of the font family depending on what device you’re using.
    My recommendation is still to put a font-family on the code you gave so that the browser will use what you set instead of the browser defaulting to a system default.

    Best regards,
    Nikko

    May 15, 2023 at 10:10 am #1407422
    Nomad

    Hi Nikko,

    thank you.
    [put a font family on the code you gave]: could you pls send a “how to” / an example either for Quick CSS or Custom.CSS? (or “as well…as”)

    would be wonderful…

    Thank you.

    May 16, 2023 at 12:59 am #1407498
    Nikko

    Hi Nomad,

    Please try to add this CSS code in Quick CSS, so it will target the specific iconlist:

    .VuK-IconList-numbers li .iconlist-char:before {
    font-family: 'PT Sans', Helvetica, serif;
}

    Best regards,
    Nikko

    May 16, 2023 at 12:42 pm #1407585
    Nomad

    Hi Nikko,

    works wonderful, made my day.
    Thank you so much!

    May 16, 2023 at 1:00 pm #1407588
    Nikko

    Hi Nomad,

    It’s our pleasure to help. :)
    Thank you for choosing Enfold. Wishing you a fantastic day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘numbered icon list: like to change Font’ is closed to new replies.