Color Theme clashing with Dokan Dashboard?

This topic has 6 replies, 3 voices, and was last updated 3 years, 3 months ago by Bogdan Donovan.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
August 10, 2021 at 6:26 pm #311897

Daniel_Shaby
Participant

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.

August 10, 2021 at 6:40 pm #311903

Daniel_Shaby
Participant

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

August 11, 2021 at 6:17 am #311951

Artem Temos
Keymaster

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

August 11, 2021 at 1:43 pm #312061

Daniel_Shaby
Participant

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

August 11, 2021 at 2:18 pm #312066
Bogdan Donovan
Keymaster
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
August 11, 2021 at 2:38 pm #312070

Daniel_Shaby
Participant

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

August 11, 2021 at 3:00 pm #312075
Bogdan Donovan
Keymaster
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