Home › Forums › WoodMart support forum › how to increase visibility of the color which checked on dropdown list

how to increase visibility of the color which checked on dropdown list

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • May 13, 2022 at 4:01 am #375436

    CYCLEPRO
    Participant

    Hello，

    Excuse me! Can you teach me how to increase the visibility of color which checked on dropdown list?
    See a screenshot, please!

    Best regards,

    Attachments:
    You must be logged in to view attached files.
    May 13, 2022 at 12:42 pm #375551

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You can try adding a background color to the chosen color by adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .wd-pf-dropdown .chosen>a {
    background-color: red;
    color: white;
    }

    Best Regards

    May 17, 2022 at 4:57 am #376361

    CYCLEPRO
    Participant

    Hello,

    Yes, It’s great code, thanks!
    Now there is another request I beg you to help further for categories under page tile on shop page, that I wanna have subcategories clicked to keep displaying a green under line or just fill with highlight, see screenshot please!
    Thanks a lot!

    Best Regards

    Attachments:
    You must be logged in to view attached files.
    May 17, 2022 at 12:00 pm #376433

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You are Most Welcome.

    Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    li.wd-event-hover.current-cat-parent.current-cat-ancestor::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 2px;
    transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15);
    background-color: var(--wd-primary-color) !important;
    width: 100%;
}

    Best Regards

    May 18, 2022 at 12:27 pm #376751

    CYCLEPRO
    Participant

    Hello team,

    Thank you very much for your good support!
    Please help to modify the code a bit because we need to keep displaying the green underlines on parent category and where its subcategories were just clicked. You can see again my acreenshot attached before. Many thanks!

    Best Regards

    May 18, 2022 at 4:06 pm #376858

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please replace the previous Custom CSS with the following then check back.

    li.wd-event-hover.current-cat-parent.current-cat-ancestor::after, li.cat-item .wd-active::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 2px;
    transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15);
    background-color: var(--wd-primary-color) !important;
    width: 100%;
}

    Best Regards

    May 19, 2022 at 5:41 am #377017

    CYCLEPRO
    Participant

    Hello,

    Great！perfect code，perfect ending & well done！

    Best Regards

    May 19, 2022 at 6:48 am #377021

    CYCLEPRO
    Participant

    Hello team,

    Sorry! There is still a little thing to be done, because I found that a click of the third level classification leads to underline of the first level disappears, see a screenshot, please!

    Best Regards

    May 19, 2022 at 10:47 am #377086

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Sorry but your question is not clear enough to understand what you require. Please explain with the help of some relevant screenshots.

    Best Regards

    May 19, 2022 at 11:00 am #377089

    CYCLEPRO
    Participant

    Hello,
    Ok, I mean, you won’t see a underline under CYCLLING TOPS if you chose rain jackets, which is the third level.
    That’s why i came back asking for help.

    Best Regards

    Attachments:
    You must be logged in to view attached files.
    May 19, 2022 at 2:30 pm #377187

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please replace the previous Custom CSS with the following then check back.

    li.wd-event-hover.current-cat-parent.current-cat-ancestor::after, li.wd-event-hover.current-cat-ancestor::after, li.cat-item .wd-active::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 2px;
    transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15);
    background-color: var(--wd-primary-color) !important;
    width: 100%;
}

    Best Regards

    May 20, 2022 at 5:25 am #377368

    CYCLEPRO
    Participant

    Hello,

    Yes！Really appreciate！

    May 20, 2022 at 8:54 am #377381

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    We are thrilled that you loved your experience with XTEMOS,We put customer experience and satisfaction as our priority, and your words reaffirms the hard work we put in every day.
    So thanks for your kind words and we look forward to seeing you again.

    Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

    Have a wonderful day.

    Topic Closed.
    Best Regards.

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘how to increase visibility of the color which checked on dropdown list’ is closed to new replies.