Kadence Theme & LearnPress

  • Resolved mbrailer

    (@mbrailer)


    3 weeks, 4 days ago

    I built an educational site with Kadence theme and the LearnPress plugin to manage courses. The Kadence theme seems to have an effect on the text justification of lesson titles. When Kadence is the theme, course titles are centered unless they wrap onto two lines. (This is most apparent on narrower screens such as tablets and mobile.)

    Using Troubleshooting Mode, I changed the theme to Twenty Twenty Four. The lesson titles were all left-justified, which I assume was the plugin developer’s intention.

    I’ve tried to apply text-align: left !important to various elements without any success. The Kadence Theme is doing something that affects these titles, but I can’t see what it is.

    The screen images below show the difference between Kadence Theme and Twenty Twenty Four.

    https://cfmasterclass.org/wp-content/uploads/2024/10/LearnPress-Kadence-theme.jpg

    https://cfmasterclass.org/wp-content/uploads/2024/10/LearnPress-2024-theme.jpg

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

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

  • Hi there!

    Thanks for the page link.

    I inspected the styles and you’ll see in my screencast how you can determine where the styles are coming from – https://share.zight.com/kpuvGwnA

    In this case, the titles are shown at the center because of a style from the Learnpress plugin.

    You can override that by adding this to your website’s Customize > Additional CSS:

    .course-curriculum .course-item .section-item-link {
       justify-content: start;
    }

    I hope this helps, and let me know if I can assist you further with this.

    Thread Starter mbrailer

    (@mbrailer)

    This worked! Thank you so much for your thoughtfulness and effort.

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.