Home › Forums › WoodMart support forum › Change colour of the drop down menu background??

Change colour of the drop down menu background??

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 3, 2026 at 11:00 pm #703055

    iamkane1
    Participant

    I have googled already but only found one article which states CSS was needed to change…

    https://xtemos.com/forums/topic/how-to-change-drop-down-menu-background-colour/

    See the image in private..
    I want to change the green to my own colour (light grey)…
    Is there a way to do this in the backenbd or is it actually CSS?

    January 5, 2026 at 11:30 am #703140

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

    Best Regards,

    January 5, 2026 at 1:59 pm #703170

    iamkane1
    Participant

    Hi. I can share but wondering is there a way I can do this myself??? Is there an option??
    You see the image screen grab I sent yes??

    January 5, 2026 at 5:30 pm #703229

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Try to add the following Custom CSS code in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .wd-dropdown-menu.wd-design-aside.wd-style-with-bg .wd-sub-menu-wrapp>.wd-sub-menu {
background-color: gray !important;
}

    Best Regards

    January 5, 2026 at 6:44 pm #703244

    iamkane1
    Participant

    OK thanks for that…

    What is the bets way to separate the css codes??

    From one code to the other??

    January 6, 2026 at 12:24 pm #703300

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    When adding multiple CSS rules, the best practice is to separate each rule with a line break. For example:

    /* First rule */
.wd-dropdown-menu.wd-design-aside.wd-style-with-bg .wd-sub-menu-wrapp>.wd-sub-menu {
    background-color: gray !important;
}
    /* Second rule */
.some-other-selector {
    color: #ffffff;
    font-weight: bold;
}

    Use line breaks between each block for readability. Optionally, add a comment above each block to describe what it does (like /* First rule */) — this helps when you have many rules in the future.

    This way, your CSS stays organized, easy to read, and easy to edit later.

    Best Regards,

    January 6, 2026 at 1:34 pm #703310

    iamkane1
    Participant

    OK thanks that works

    January 6, 2026 at 2:37 pm #703325

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You’re Most Welcome!

    Feel free to write back anytime. If you need further assistance, we are always here to help you.

    If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://tally.so/r/w4l54k

    Thanks for contacting us.
    Have a great day.

    Topic Closed.
    Best Regards.

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

The topic ‘Change colour of the drop down menu background??’ is closed to new replies.