Hello everyone,
I’m working on a website www.vibe432.com using the Jevelin theme by Shufflehound and I’m struggling with applying custom CSS to style my WordPress navigation menu. I’ve managed to successfully apply colors to dropdown menu links but can’t get the main links to change color. Here’s the CSS I’m using:
“`css
/* Main Menu Colors */
#menu-header-menu .home a { color: #Ef9a9a !important; }
#menu-header-menu .about.me a { color: #Ffcc80 !important; }
#menu-header-menu .blog a { color: #Ffecb3 !important; }
#menu-header-menu .lets.meditate a { color: #C8e6c9 !important; }
/* Submenu Colors for Let’s Meditate */
#menu-header-menu .lets.meditate .what.is.meditation a { color: #Bbdefb !important; }
#menu-header-menu .lets.meditate .meditation.circle a { color: #9575cd !important; }
/* Main Menu Color for Soothing Soundscapes and its Submenus */
#menu-header-menu .soothing.soundscapes a { color: #Bbdefb !important; }
#menu-header-menu .soothing.soundscapes .understanding.subliminals a { color: #C8e6c9 !important; }
#menu-header-menu .soothing.soundscapes .subliminal.playlists a { color: #Ef9a9a !important; }
/* Main Menu Color for Video and its Submenus */
#menu-header-menu .video a { color: #Ffcc80 !important; }
#menu-header-menu .video .meditation.videos a { color: #Ffecb3 !important; }
#menu-header-menu .video .subliminal.videos a { color: #C8e6c9 !important; }
/* Additional Main Menu Colors */
#menu-header-menu .mindful.community a { color: #Bbdefb !important; }
#menu-header-menu .shop a { color: #9575cd !important; }
“`
This code works fine for the dropdowns, but the main menu links are not changing. Additionally, I want to change the color of the shopping cart icon and the bubble count to different colors, with the text inside the bubble set to #333333.
I would appreciate any suggestions or help with increasing the specificity of my CSS or any other methods to ensure my styles are applied correctly.
[ad_2]