Submenu active link color « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Propulsion

Submenu active link color

6 posts from 2 voices

Started 1 year ago by designkolchose
Latest reply from Devin
This topic is closed
This topic is resolved

Tags:

designkolchose
Member

How to change the link color if the active link at the submenu?

Posted 1 year ago #
Devin
Moderator
Hi designkolchose,

It depends on how you have the sub-menu set up. If you have the Woo Commerce sub menu (log in, cart, checkout) then try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
```
#top.woocommerce-account li.login_link a {
color: #333;
}
#top.woocommerce-cart li.shopping_cart_link a {
color: #333;
}
#top.woocommerce-checkout li.checkout_link a {
color: #333;
}
```
Each of the colors can be customized how you want them using hex color codes: http://www.w3schools.com/html/html_colors.asp

If you have a custom menu, I think I'll need to see a link to your site so I can make sure the css is targeted to your site :)

Regards,

Devin
Posted 1 year ago #
designkolchose
Member

I mean the dropdown of the Mainmenu!

Posted 1 year ago #
Devin
Moderator
Hi designkolchose,

Ah ok, that is a little bit easier than the sub-menu. Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
```
#top #wrap_all .current_page_item > a {
color: #555;
}
```
Regards,

Devin
Posted 1 year ago #
designkolchose
Member

Great, works fine in custom.css

thanks!

Posted 1 year ago #
Devin
Moderator

Glad I could help :)

Regards,

Devin

Posted 1 year ago #