• Priority: 0
  • Status: Closed
  • Theme: Venedor
  • Assigned To: Marek
  • Private: No
  • Open Date: 04.03.15, 13:17
  • Opened by: Matt
  • Closed by: Marek
  • Closed on: 04.03.15, 22:44
  • Reason: Fixed
  • Comment: Glad to help!

Ticket #7014 - invert color for menu text

hi Marek

how do i show invert color for menu text like this? (background is like now,hover will be white color. text will be black on hover.)

http://c2n.me/3dzGGbC.jpg

http://clip2net.com/s/3dzGvkf

Comments

Marek 04 Mar 2015, 14:55

Hi Matt.
Try this:

#page .flexmenu .flexmenuitem:hover > a {color:#YOUR_COLOR}
Matt 04 Mar 2015, 15:11

Hi marek

This is for hover,my text is white,and hover will be white too,but text should be black when i hover it

Will be like zavvi.com

Marek 04 Mar 2015, 15:12

With that code you can change hover color to any you like.

Matt 04 Mar 2015, 16:29

but hover and text will be white too,so colors will be conflicted. menu text should be invert like black color when i hover it.

Matt 04 Mar 2015, 16:37

it doesnt change i added that code #page .flexmenu .flexmenuitem:hover > a {color:#000000}

Matt 04 Mar 2015, 16:43

i found that,its fine as i wish , its working but that code is written correctly?

#page .flexmenu > ul > li > a:hover {color: #000000 !important} /* Menu item color on mouse hover */

Matt 04 Mar 2015, 16:53

its looking fine http://c2n.me/3dAKZ8K.jpg

Matt 04 Mar 2015, 16:55

but i realized its being white if i dont come over on text http://c2n.me/3dALytx.jpg

Marek 04 Mar 2015, 19:30

try this:

#page .flexmenu > ul > li:hover > a {color: #000000 !important}