Update changed colours/styles

  • Resolved benjcampbell

    (@benjcampbell)


    5 years, 3 months ago

    Hey guys,

    I’ve just updated the free version of this plugin on my live site and it’s made quite a few changes to my LearnDash area that don’t seem to be in the patch notes.

    My Course Navigation widget area title is now affected by some new css:

    .learndash-wrapper .ld-home-link {
    font-size: inherit;
    color: var(--ldx-color-link);
}

    and I can’t figure out where to change these vars. They don’t seem to match my LD settings at all!

    Also since updating, my .ld-lesson-item-section-heading’s have got some new padding and backgrounds set in CSS, which doesn’t fit with the rest of my page.

    I can manually remove this in css, but I wanted to check in with you lot to point me in the right directions for non-hacky suggestions!

    Thanks for a great plugin regardless! Have a great day ??

    Ben

Viewing 1 replies (of 1 total)
  • Plugin Author Escape Creative

    (@escapecreative)

    Hi Ben,

    Thanks for the kind words. I’d love to help you out here, as I’m also a fan of non-hacky CSS ??.

    When you refer to “your LD settings,” are you referring to the color settings in LearnDash LMS > Settings? For example, the “Accent Color?”

    I think I see what you’re talking about. For the “Course Home” link in the course navigation widget, LearnDash actually doesn’t apply it’s accent color to that link. The variable in the CSS you reference above for color is set to the general blue color that LearnDash uses by default. If you weren’t using my plugin, the link would be dark grey (from LD) and the hover color would change to whatever your theme is set to display for the hover color of links. (This is one of the few areas where my plugin does override your theme’s CSS… but it was done so it works with my premium plugin. A small trade-off.)

    All of the variables used by my plugin are set with the :root selector. You can update them in your CSS file (or Additional CSS) like this. Change the color values to whatever you’d like.

    :root {
    --ldx-color-link: #000;
    --ldx-color-link-hover: #fff;
}

    For the .ld-lesson-item-section-heading styles, I’d be happy to help you with some CSS to override what my plugin is doing, but I need more info. If your site is publicly accessible, a link would be great. Or you can send a screenshot and just describe the changes you’d like to make, and I’m happy to send you beautifully crafted CSS ??.

    If you have any other feedback about the plugin, I’d love to hear it. Thanks!

Viewing 1 replies (of 1 total)
  • The topic ‘Update changed colours/styles’ is closed to new replies.