Issue with Changing Menu Colors on My Website

[Makeis]

Hello everyone,

I am currently facing an issue on my website aqua-reve.com. I would like to change the color of two menus throughout the entire site, but I can't seem to find the solution.

Could someone please help me?

Thank you in advance for your assistance.

Best regards,

 

[Moeed]

Hey @Makeis 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
a#hdt-menu-pompes-a-oxygene span {
    color: red !important;
}
a#hdt-menu-pompes-a-eau span {
    color: red !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[codewiser]

Hi @Makeis 

Step 1: Go to Online Store -> Theme -> Edit code.
Step 2: Search file theme.css
Step 3: Paste the below code at bottom of the file -> Save

.hdt-header-col .hdt-navigation .hdt-nav__ul >.hdt-menu-item:nth-child(2) .hdt-menu-list .hdt-menu-link .hdt-menu-link-text, #hdt-nav-ul-mb >.hdt-menu-item:nth-child(2) .hdt-menu-item .hdt-menu-link-text {
    color: #0000ff !important;
}

[Makeis]

like this ?

[Makeis]

It's not the text that can be modified, it's the background of the menu, thank you for your response.

[Makeis]

Or ?

<style>
.hdt-dropdown-menu,
.hdt-sub-menu {
background-color: #b6e0fe !important;
}

.hdt-dropdown-menu li,
.hdt-dropdown-menu a,
.hdt-sub-menu li,
.hdt-sub-menu a {
background-color: #b6e0fe !important;
}
</style>

[devmont-digital]

hello @Makeis,

try this code 

#shopify-section-sections--18840772083977__header .hdt-dropdown-menu {
    border-color: #b6e0fe !important;
    background-color: #b6e0fe !important;
  }

  #shopify-section-sections--18840772083977__header .hdt-dropdown-menu a {
    background-color: #b6e0fe !important;
  }

[Makeis]

It didn't take all the bottom, is that normal?