Some Styles are destroyed by Design Upgrade

Hi,

I just wanted to let you know that we’ve received this and are looking into it. We hope to have a more thorough response for you soon.

Dave

I looked into the things you mentioned, and I’m not seeing the same thing you are. I’ve included two screenshots below.

This one shows what the “Register” button looks like. It’s perfectly readable.
https://www.dropbox.com/s/4plzcucblgnjbwd/login-screen-register-button.png?dl=0

This one shows what an error message on the registration form looks like. Again, it’s perfectly legible. It could be left-aligned instead of centered to make it look a little better, and maybe reduce the line-height a little, but none of that is coming from my plugin. That’s all LearnDash.
https://www.dropbox.com/s/335voy1wrs2gpwx/registration-error-message.png?dl=0

If you can provide screenshots of what you’re seeing, I might be able to shed some light. It’s possible that your theme conflicts with LearnDash and that’s why you’re seeing something different. What theme are you using?

Dave

Thank you for you replay, these are screenshots:

hover on create account button
https://file.parsaspace.com/designupgrade/create_account.png

register button
https://file.parsaspace.com/designupgrade/register.png

hover on register button
https://file.parsaspace.com/designupgrade/register_hover.png

register succeed message box
https://file.parsaspace.com/designupgrade/register_succeed.png

Thank you

And I forgot to say that I am using Astra theme, LearnDash Academy.

Please make sure you’re using the latest version of the Design Upgrade for LearnDash plugin (2.6.5). I’ve tested with the Astra theme, and with this version of our plugin, and I’m not seeing what you’re seeing in regards to the buttons.

The registration success message is tough to read. It has a light green background, which looks good against a white background, but not on the default LearnDash blue background used in the registration modal.

You can use this CSS to apply a white background to it instead.

.learndash-wrapper .ld-alert-success {
    background: white;
}

Add that to the “Additional CSS” area in the?WordPress Customizer.

If you’re using version 2.6.5 and still seeing button issues, please post a link to your site so I can take a look.

Dear Dave,

Thank you so much for your answers. I heard in some tutorials that you answer any questions about this product very fast, now I see it :-).

I am a programmer and I know how to change styles on websites, I have just wanted to post a feedback for your awesome product to make it better because I like it very much.

I am working on my website on localhostand as I publish it, I will post the link here with default styles for login popup you set in Design Upgrade for LearnDash.

Thank you again

I was looking at the style now, and I saw you used this:

.learndash-wrapper .ld-alert-success {
    background: transparent !important;
}

so I should write this to force it working:

.learndash-wrapper .ld-alert-success {
    background: white !important;
}

please let me know if I am right or not.

You are correct that the CSS you posted will override the CSS above it.

However, this is not the current CSS being used by our plugin. It does look like you might be using an older version.

The newest version of our plugin uses this CSS:

.learndash-wrapper .ld-alert-success {
    background-color: var(--ldx-alert-success-color-bg);
}

So you shouldn’t need the !important to override it.

Alternatively, you could change the CSS custom property to use white.

:root {
–ldx-alert-success-color-bg: #fff;
}

Either method would work.

I am using the latest version(2.6.5) and it doesn’t have the bellow style:

.learndash-wrapper .ld-alert-success {
    background-color: var(--ldx-alert-success-color-bg);
}

I am confused and I don’t have any idea what is happening.

Can you check the source code and make sure the following CSS file is being loaded on the page?

https://yoursite.com/wp-content/plugins/design-upgrade-learndash/assets/css/ld3.css?ver=2.6.5

Here is a screenshot of my testing site running 2.6.5, and you’ll see the background, border and color styles being applied. I’m not sure why you have different styles… unless that CSS file is not loading for you.

Yes, ld3.css exists on my site.
I found it, and here is my screenshot.

There are some other problems such as “warning icon in mobile version isn’t displayed properly”, so I don’t want to bother you anymore, I am going to publish my website in 2 weeks, then I will inform you.

Thank you so much.

Thanks for the screenshot.

Earlier in this thread you said our plugin doesn’t have the following style:

.learndash-wrapper .ld-alert-success {
    background-color: var(--ldx-alert-success-color-bg);
}

However, in the screenshot you just shared, that’s exactly what our plugin is using. When a style is crossed out like that, it usually means another CSS rule is overriding it somewhere. I suspect that’s what happening in this case.

Regardless, I agree, let’s wait until you can share a live link and I can look at your site. That will make it much easier for us to figure out what’s going on.

Since this thread is over a month old with no updates, I’m going to close it. Should you have a live version of the site and are still experiencing issues, please open another thread on this forum and I’ll take a look.