Changing drop down font hover colour
Permalink Browser Info Environment
I am trying to style the CSS and generally got everything changed to how I want. however I am trying to make it so the submenu font has a rollover that changes the colour of the font from white to pink. However I cant seem to find anything in the CSS that will change that. Whatever I do the font stays the same colour ie white when not rolled over it. white when rolling over it
Type: | Discussion |
---|---|
Status: | New |
Could you have a look athttp://www.leisureking.biz/finalsite/fun-foods/candy-floss/...
I think I am just missing some css or as you say overridden it elsewhere.
I want the top drop down navigation to change font colour when hovering, ie roll over rodeo and western and it changes to the light pink colour, then on the drop downs it also changes to the pink. I can then remove the faded background. This means it would match the left side navigation
I think I am just missing some css or as you say overridden it elsewhere.
I want the top drop down navigation to change font colour when hovering, ie roll over rodeo and western and it changes to the light pink colour, then on the drop downs it also changes to the pink. I can then remove the faded background. This means it would match the left side navigation
Go to your Amiant CSS3 Menu view.css file:
Line 76:
Change from
to
Full example:
All done.
Line 76:
Change from
color: #FF0000;
to
color: #E184AC !important;
Full example:
.amiant-css3-menu-navigation-bar .navigation-menu a.nav-selected, .amiant-css3-menu-navigation-bar .navigation-menu a.nav-path-selected, .amiant-css3-menu-navigation-bar .navigation-menu li:hover > a { background: #BCDAE0; /* for non-css3 browsers */ background: rgba(255, 255, 255, 0.15); /* this is for background on the highlighted drop down... 0.1 is to shade it*/ color: #E184AC !important; z-index:20; text-shadow: 0px 0px 0px #2D5B64; filter: dropshadow(color=#00f, offx=0, offy=0); }
All done.
This problem inside your template. Try to look at your styles for A and UL, LI elements.
Amiant CSS3 Menu by default change sub-menu items font color on hover if you use default Concrete5 template (don't add block to Header Nav - styles will be broken, add to Main area) or empty (without styles) template.
Your template overrides CSS of ACSS3Menu.
Try to change your CSS for template or use !important for styles of ACSS3Menu CSS.
OR - Give me a link to your page and I can help you. Usually users changes it's templates by self, or gives me link to inspect.
And again:
Learn CSS. Keyword of this sentence is CASCADING (CSS - CASCADING STYLE SHEETS) - styles may be overriden. I can't write universal CSS for all of your templates. Users may write templates, that overrides behavior of Amiant CSS3 Menu, I can't see and know all of where.
Thank you for using Amiant CSS3 Menu. I always will be glad to help you.