Home › Forums › Pro Themes › Flat Commerce Pro › Menu Hover Color
Tagged: hover color, menu color
- This topic has 8 replies, 2 voices, and was last updated 6 years, 7 months ago by
wensolutions.
-
AuthorPosts
-
March 19, 2017 at 12:34 am #36043
jjambeck
ParticipantI need to be able to change the color of the menu hover text (it is now a reddish color, and I need to make it my same blue color). Also the background of the drop-down menu item, which right now is “Technical Sessions” – I need to make it my blue color and not the reddish color it is.
The site is: http://internationalmarinedebrisconference.org/
Thank you!!March 19, 2017 at 2:11 am #36046jjambeck
ParticipantAlso, Can I change the font color of the menu font and size, if needed? Thank you!!
March 19, 2017 at 10:36 am #36058wensolutions
KeymasterHi,
At the moment you can change the color configuration from Custom CSS approach like the one we have given below. You can paste these custom code in Appearance -> Customize -> Additional CSS section
/* menu hover color */ .main-navigation li a:hover{ color: #008bbc; } /* menu background color */ .main-navigation ul li ul li a:hover { background-color: #008bbc; } /* menu color and size */ .main-navigation ul li a{ color: #008bbc; font-size: 14px; }
Custom color changing options will be added in the new version which is being working on.
Let us know if you need any further assistance.
Thank you .
March 19, 2017 at 11:32 am #36067jjambeck
ParticipantGreat this worked for menu color and hover – BUT when you are on the page, the text goes back to the red – how can I change this color? (have a different blue I can use for this).
Thank you!!March 20, 2017 at 12:32 am #36143wensolutions
KeymasterHello @jjambeck,
In order to change the color of the menu in the particular page please use below CSS.
.page .main-navigation ul li a { color: #008bbc !important; }
Hope this helps.
Best Regards!!
March 20, 2017 at 8:37 am #36174jjambeck
ParticipantOK, Great, we are almost there! But now the active page is the correct color, but for a sub-menu item, there is still red in the background – like when you go to “Technical Sessions” under “Program” – http://internationalmarinedebrisconference.org/
I want this background color on the sub-menu to be #4dbfcb (a lighter blue) – can you give me the code to make that change? The page goes live today in a hour!
THANK YOU SO MUCH! Overall, I think the page looks awesome otherwise and then Theme has been great!March 20, 2017 at 8:41 am #36176jjambeck
ParticipantActually – it only does it when it is on this page http://internationalmarinedebrisconference.org/index.php/program/ – otherwise it is the blue I want when the sub-menu is used form the other pages.
I switched the menu words to the light blue and then the background is the dark blue, which works well.
So this is just a small change!
Thank you again!March 20, 2017 at 12:03 pm #36188jjambeck
ParticipantI figured out how to fix this myself! No help needed now.
March 20, 2017 at 11:44 pm #36249wensolutions
KeymasterHello @jjambeck,
Glad that you figured out your issue by yourself .
But if you need any help further we are always here for you.
Best Regards!!
-
AuthorPosts
- You must be logged in to reply to this topic.