Home Forums WoodMart support forum Color Theme clashing with Dokan Dashboard?

Color Theme clashing with Dokan Dashboard?

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #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.
    #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

    #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

    #312061

    Daniel_Shaby
    Participant

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

    #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

    #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

    #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

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