Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 14, 2023 at 3:15 pm #1401149
    Thaler

    I tried to override the font for a specific page by using css.
    The page in question is https://www.kaurispirit.com/dkb/

    I uploaded a custom font and used this css in QuickCSS:
    .post-entry-8977 {font-family:dkbeuclid,Helvetica,Arial,sans-serif !important;}

    This does not seem to work the CSS seems to be overwritten by more specific selectors.
    What can I do to easily change the Font for a complete page?

    March 14, 2023 at 7:24 pm #1401181
    Rikard

    Hey Thaler,

    You will likely have to use more specific selectors, like this:

    .post-entry-8977 strong {
  font-family:dkbeuclid,Helvetica,Arial,sans-serif !important;
}

    Best regards,
    Rikard

    March 15, 2023 at 1:37 am #1401200
    Guenni007

    try:

    #top .post-entry.post-entry-8977 * {
  font-family: "dkbeuclid", Helvetica, Arial, sans-serif !important;
}

    the other sections – and footer etc are untouched on that rule – otherwise take #top.page-id-8977

    March 15, 2023 at 9:35 am #1401227
    Thaler

    Thank you very much – that did the trick!

    March 15, 2023 at 5:57 pm #1401281
    Rikard

    Hi,

    Great, I’m glad that @guenni007 could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.