“Theme Theming”

  • Resolved bbua97

    (@bbua97)


    2 years, 11 months ago

    Hey there,

    I want to customize the Learning Mode theme a little bit more because there are some weird focus and text decoration things going on like you can see here:
    Learning Mode Screenshot
    What is the best way to edit the learning modes theme css?

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

  • Hi @bbua97,

    Thanks for reaching out. We recommend using the Full Site Editing feature of WordPress to customize the learning mode theme.

    More information here https://senseilms.com/documentation/learning-mode/#customize

    You can customize the Learning Mode templates by going to WP Admin > Appearance > Editor. Here you can add additional CSS code under the Advance settings for Blocks.

    Best,

    Thread Starter bbua97

    (@bbua97)

    Hey there,

    I tested it out. Additional CSS code only works for me if I enable this option in the settings of Sensei: Enable theme styles

    But as soon as I enable this, my learning mode template crashes:
    Weird layout

    This happens before I even add any CSS of course. The header get this weird spacing on top and the “sidebar” doesn’T even show all modules etc. anymore.

    For your information, i’m using astra theme now.

    • This reply was modified 2 years, 10 months ago by bbua97.

    Hi again,

    Thanks for getting back to us! In this case, I would recommend overriding the CSS styling for Learning Mode directly by adding the Additional CSS code/override in the theme customizer. You can follow this guide

    You can check the CSS code for learning mode in this file

    sensei-lms/assets/dist/css/learning-mode.css

    You can download an unminified version of the CSS file here https://d.pr/f/60IKjh

    Best,

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘“Theme Theming”’ is closed to new replies.