Nick20000 Posted January 3, 2014 Share Posted January 3, 2014 hi. i would like to change my top horizontal menu text color, but only on the sub menu drop down section. how to change the text in that section and not effect the main title menu color? picture attached. using default theme. thank you. Link to comment Share on other sites More sharing options...
rambabuy Posted January 3, 2014 Share Posted January 3, 2014 hi. i would like to change my top horizontal menu text color, but only on the sub menu drop down section. how to change the text in that section and not effect the main title menu color? picture attached. using default theme. thank you. You can do with blocktopmenu css files Link to comment Share on other sites More sharing options...
vekia Posted January 3, 2014 Share Posted January 3, 2014 .sf-menu li li { background: rgba(113, 113, 113, 0.9); } /modules/blocktopmenu/css/superfish-modified.css line 93 change param of rgba(); its a color definition based on RGBA system (red,green,blue,opacity) Link to comment Share on other sites More sharing options...
Nick20000 Posted January 3, 2014 Author Share Posted January 3, 2014 hi. i don't mean the background. i am talking about the text color in that menu. ty. Link to comment Share on other sites More sharing options...
Nick20000 Posted January 3, 2014 Author Share Posted January 3, 2014 anyone? Link to comment Share on other sites More sharing options...
vekia Posted January 3, 2014 Share Posted January 3, 2014 you can use styles: .sf-menu li li a { color:red!important; } Link to comment Share on other sites More sharing options...
fixgear Posted January 10, 2014 Share Posted January 10, 2014 Hi vekia. I have a similar issue and it's been driving me nuts. Been at a solution for hours.I use Elation Base Liquid Theme and my top menu has different colors for text depending on the level of the menu category (main, sub, sub-sub). Problem is that while the grey text is fine for the menus when normal, on mouse-over the hover color of the text does not change in the sub-category. You can see this in the following screen grab at http://www.fixgear.info/probs/menunav/textcolor.png or live at http://www.fixgear.info/ You will see that the hover color goes to white text in the main and sub-sub category but in the sub category (2nd) the text remains grey hence making it very difficult to read. The Elation Base theme uses a dynamic eb theme options page in my BO that lets me change the backgrounds highlight color (currently fucia) but it does not let me change the highlight text color. See screen grab at http://www.fixgear.info/probs/menunav/ebTHEMEoptions.png . I don't want the white highlight text color to skip the sub-cat and obviously the sub-sub-sub-sub category if i had one. It seems it alternates and only affects odd categories, main and sub-sub (1 and 3). I hope I have explained myself well and that you can help me. I need to have the highlight color of the text always be white on hover. THANKS, jez... Link to comment Share on other sites More sharing options...
vekia Posted January 10, 2014 Share Posted January 10, 2014 this is what you're looking for? 1 Link to comment Share on other sites More sharing options...
fixgear Posted January 10, 2014 Share Posted January 10, 2014 YEEEES!!!!! PLEASEEEE!!!! how did you see it like that? i've looked in chrome, firefox and safari and it is not like that can you help me change it? thanks, jez... Link to comment Share on other sites More sharing options...
vekia Posted January 10, 2014 Share Posted January 10, 2014 somewhere in superfish-modified.css (http://www.fixgear.info/themes/elation-liquid/css/modules/blocktopmenu/css/superfish-modified.css) paste this code: .eb-nav li li li:hover a, .eb-nav li li li.sfhover a {color:#FFF!important;} Link to comment Share on other sites More sharing options...
fixgear Posted January 10, 2014 Share Posted January 10, 2014 Thanks man but only one issue. Pasting that code fixed the sub-menu text and it is indeed now white but the 3rd tier (sub-sub menu) text is white too without mouseover so is invisible Go to http://www.fixgear.info/en and pass mouse over "Home" --> "Running & Training" --> "Compression Long Sleeve SHirts (UNISEX)" and you will se that the 3rd sub menu is now white text over a white background and hence cannot be seen until you ouse over and get the fucia highlight color. any ideas. tnx, jez... Link to comment Share on other sites More sharing options...
vekia Posted January 11, 2014 Share Posted January 11, 2014 ohh instead code that you used before try to add this one: .eb-nav li li li:hover li a {color:#666!important;} .eb-nav li li li:hover a, .eb-nav li li li li a:hover {color:#FFF!important;} Link to comment Share on other sites More sharing options...
fixgear Posted January 12, 2014 Share Posted January 12, 2014 AMAZING! thanks a ton vekia. i owe you one! saludos, jez... Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now