Color Theme clashing with Dokan Dashboard?

Hi XTEMOS, I recently purchased WoodMart Premium theme.

I noticed color clashes on the notices/alerts on the Dokan Vendor Dashboard, for which I contacted Dokan. Since this was strange, Dokan told me to disable all plug-ins and change to 20-20 WP Theme to troubleshoot the issue. I did, and I found out that what was causing the issue was the theme (only once the theme was changed to the 2020 WP theme were the colors fixed).

I tried entering into WoodMart Theme Settings –> Styles and Colors –> and adjusting the text to black (which is what I want, instead of white on a light background). I couldn’t solve the issue this way either, which is why I am contacting you.

Please see the attached screenshots of colors fixed in WP 2020 theme, but colors broken in WoodMart. What should we do?

Attachments:

You must be logged in to view attached files.

If necessary to access my account, please let me know of a secure email that I can use to create an Administrator account. Thankss

Hello,

Please, send us your admin access so we can check this. Also, the URL you provided doesn’t work and we can’t see your website.

Kind Regards

Artem,
Thanks for getting back. I have included the info in private content.

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.website-wrapper .dokan-alert, 
.website-wrapper .dokan-message, 
.website-wrapper .dokan-info, 
.website-wrapper .dokan-error {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 30px;
    padding-left: 65px;
    border: none;
}

.website-wrapper .dokan-alert-warning, 
.website-wrapper .dokan-alert-danger, 
.website-wrapper .dokan-alert-info, 
.website-wrapper .dokan-error, 
.website-wrapper .dokan-info {
    background-color: var(--notices-warning-bg);
    color: var(--notices-warning-color);
}

Kind Regards

Hi Donovan, it’s looking much better! Thank you very much!

However, quick question, before this change, there were different color backgrounds for different types of banners, such as blue or yellow (See images attached above). Would it be possible to have two colors instead of the single, static yellow banner?

Cheers,
Daniel Shaby

By default, Woomdart theme have warning and info notices designed in one color. Dokan support in our theme is implemented in the way that Dokan notices inherit design from Woodmart theme, where there is no difference in color between this two type of notices.

If It’s important to you, Dokan notice’s color can be changed by adding the following custom code:

1. For info notices

.website-wrapper .dokan-alert.dokan-alert-info {
	background-color: #d9edf7;
	color: #31708f;
}

2. For warning notices.

.website-wrapper .dokan-alert.dokan-alert-warning {
   background-color: #fcf8e3;
   color: #8a6d3b;
}

Kind Regards

[Author]

Posts