Learner Mode: How to change fonts to 2022 theme Source Serif Pro?

  • Resolved nmschaller

    (@nmschaller)


    3 years, 1 month ago

    Hi Sensei developers,

    Thank you so much for the new Learner Mode.

    Working with the 2022 theme and going into the Site Editor in the Learner Mode Template, I see that the lesson title is the only element of which I can change the font. All other headings as well as the navigation remain in Inter sans serif.

    With the browser inspect mode, I can change an element, but when I paste this into the CSS editor, it gets overwritten by the Learner Mode Template.

    Will there be more font options available soon?
    How can I change all fonts used in the Learner Mode to Source Sans Serif for now?

    Thanks a lot.

    Best,
    Nicole

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

  • Hi Nicole,

    for the content, you can control the font with CSS variables:

    
.sensei-course-theme {
  --wp--preset--font-family--body-font: "Source Serif Pro", serif;
  --wp--preset--font-family--heading-font: Inter, sans-serif;
}

    For the navigation and other user interface elements, note that changing the font may lead to some visual issues like misalignments. You can change it with this snippet:

    
.sensei-course-theme_frame * {
  font-family: Inter, sans-serif;
}

    We do have plans to add a list of fonts to choose from in the customizer, but that might come a bit later, or we could end up waiting for what WordPress comes up with in that regard for the new way of changing styles in the site editor.

    Thread Starter nmschaller

    (@nmschaller)

    Thanks a lot, Peter @yscik8
    I’ll try that.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Learner Mode: How to change fonts to 2022 theme Source Serif Pro?’ is closed to new replies.