Return to previous page

Colour change hovering text - by Bookzs-Myra

This topic has 8 replies, 2 voices, and was last updated 10 years, 11 months ago ago by Eva Kemp

Bookzs-Myra

Participant

December 22, 2014 at 11:10

Hi,
I would like on the products page the links change colour, like in the left and top menu.

I would also like the active item (category/page) in both menu’s to stay blue if this is possible.

In the top menu I would like no underlines at all.
Blue: #00317a Red: #ba0000

See: http://awesomescreenshot.com/0cc42qnlbb

Can you help me with codes?
Thank you.

Regards, Myra

Please, contact administrator
for this information.

#30649 Copied

7 Answers
Eva Kemp

Participant

December 22, 2014 at 12:54
Hello,

To remove underline from the top menu I’ve added the following code to style.css of your child theme:

.header-type-3 .main-nav .menu > li.current-menu-item > a, .header-type-3 .main-nav .menu > li > a { text-decoration: none !important; }

For product titles hovering this code is used:
.products-grid .product .product-name a:hover {color: #00317a;}

Thank you.
Regards,
Eva Kemp.
#30682 Copied
Bookzs-Myra

Participant

December 22, 2014 at 13:38

Thank you, that’s what my client wants.

Is it also possible that the link of the active category / page stays blue? (Like in top menu the active page was underlined)

Regards, Myra

#30693 Copied

Eva Kemp

Participant

December 22, 2014 at 14:56

Hello,

Could you please show a screenshot of a page where you want to achieve it?

Thank you.
Regards,
Eva Kemp.

#30707 Copied

Bookzs-Myra

Participant

December 22, 2014 at 15:29

http://awesomescreenshot.com/0c742t862e

#30715 Copied
Eva Kemp

Participant

December 22, 2014 at 16:17
Hello,

Thank you for the screenshot.
I’ve added this code to style.css file:

.product-categories > li.current-cat > a { color: #00317a !important; }

Please check.
Regards,
Eva Kemp.
#30730 Copied
Bookzs-Myra

Participant

December 22, 2014 at 16:33

Thank you! Is this also possible for the top menu?

#30734 Copied
Eva Kemp

Participant

December 22, 2014 at 16:38
Hello,

Yes, I’ve added this code:

.header-type-3 .main-nav .menu-wrapper .menu > li.current-menu-item > a { color: #00317a !important; }

Check the menu items now.

Regards,
Eva Kemp.
#30736 Copied
Viewing 8 results - 1 through 8 (of 8 total)