Home New Guten › Forums › WoodMart support forum › How to Adjust header Set Aside dropdown menu background color to gradium?

How to Adjust header Set Aside dropdown menu background color to gradium?

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 6, 2025 at 2:36 pm #665821

    lswang6
    Participant

    Hi there,

    Greetings.
    Previously we using this css adjustment code to make main navigation menu item set aside dropdown background color to be gradium (as enclosed photo shows). but in recently updates it seems this css code not more working~
    Could you pls help to have a look again?
    the relating topic is: https://xtemos.com/forums/topic/navigation-menu-dropdown-background-color-modification/

    /* Adjust header menu dropdown color to gradium */
    .wd-dropdown-menu.wd-design-aside.wd-style-with-bg .wd-sub-menu-wrapp>ul.wd-sub-menu {
    background: rgb(0,54,85);
    background: linear-gradient(135deg, rgba(0,54,85,1) 0%, rgba(0,102,161,1) 50%, rgba(0,150,238,1) 100%);
    }

    kind regards,
    Luie

    Attachments:
    You must be logged in to view attached files.
    June 6, 2025 at 6:37 pm #665910

    Hung Pham
    Keymaster

    Hi lswang6,

    Thanks for reaching to us.

    Please use below Custom CSS:

    .wd-dropdown-menu.wd-design-aside .wd-sub-menu-wrapp>ul.wd-sub-menu {
    background: rgb(0,54,85);
    background: linear-gradient(135deg, rgba(0,54,85,1) 0%, rgba(0,102,161,1) 50%, rgba(0,150,238,1) 100%);
}

    Kind Regards,
    Hung PD

    June 6, 2025 at 6:58 pm #665913

    lswang6
    Participant

    Hello Hung,
    Thanks for the quick support on this issue, now the gradium is back.
    But the text and background seem to difficult to match. Now in the menu i leave it empty, how can i set the dropdown selected Text color and highligth color like the in the previous comparison photo?

    kind regards,
    Luie

    Attachments:
    You must be logged in to view attached files.
    June 7, 2025 at 7:05 am #665949

    lswang6
    Participant

    adding the text color example on selected/unselected.

    Attachments:
    You must be logged in to view attached files.
    June 7, 2025 at 12:07 pm #665960

    Hung Pham
    Keymaster

    Hi lswang6,

    Please use below code:

    .wd-dropdown-menu.wd-design-aside.wd-style-default .wd-sub-menu-wrapp>ul.wd-sub-menu>li>a{
    color: #fff;
}

    Kind Regards,
    Hung PD

    June 8, 2025 at 2:39 pm #666024

    lswang6
    Participant

    Hi Hung,
    Thank you very much for the kind guidance.
    It’s almost perfect now, only the background color is not White when Selected, but is’ F7F7F7, don’t know where did we set this color #. (as enclosed photo shows)
    can we set it to white together in CSS code?

    kind regards,
    Luie

    Attachments:
    You must be logged in to view attached files.
    June 9, 2025 at 7:45 am #666065

    Hung Pham
    Keymaster

    Hi lswang6,

    Please use below code:

    .wd-dropdown-menu.wd-design-aside.wd-style-default .wd-sub-menu-wrapp>ul.wd-sub-menu>li.wd-opened>a {
    background-color: #fff;
}

    Regards,
    Hung PD

    June 9, 2025 at 9:30 am #666086

    lswang6
    Participant

    Thank you Hung, it works perfectly under 8.2.2 woodmart, thank you very much！

    PS: can close ticket now.

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

The topic ‘How to Adjust header Set Aside dropdown menu background color to gradium?’ is closed to new replies.