Change Drop-Down link colors
-
Hello, can someone kindly tell me how I can change the color of the light grey links that appear when you hover over the top navigation menu on my site (Eg. “The Holy Land (May ’16)” that appears under “Escorted Tours”. The color is too light, I would like to change it to #d05620. Thank you in advance!
The blog I need help with is: (visible only to logged in users)
-
Hi there.
Well, you can use “.nav-menu ul ul.sub-menu a” as a selector. Then put your preferred color in color property. This CSS code could make the trick if added to custom css:
.nav-menu ul ul.sub-menu a { color: #d05620; }I hope this helps.
-
-
Hello again,
Can you help make the color darker (not just a darker shade, the link color seems to be slightly “transparent”). In alternative can I make the links “bold”?
Thank you again!! -
Hi, add the following CSS to make the menu items opaque instead of transparent.
.nav-menu > ul > li > a { opacity: 1; } -
Thank you, it does not seem to make a difference, could i possibly make the sub menu bold?
-
Hi there, maptravel2016 and thesacredpath!
You can try using font-weight property, with values from 800, 900, bold or bolder. For instance:
.nav-menu ul ul.sub-menu a { font-weight: 900; }Hope this works.
-
-
- The topic ‘Change Drop-Down link colors’ is closed to new replies.