Sub menu: How to plit active/hover selectors

Posted in: Newspaper
Post count: 162

In you menu block you have active and hover in one selector. I am having trouble to find those.

Would you be able to tell me the selector for “active”. So that I can style it separately from hover.

Thank you

Post count: 21065

Hello!

Try to add these codes below in Newspaper -> Theme panel -> Custom code -> Custom CSS:
1. This code is for active:

.tdb-menu > li.current-menu-item > a,
.tdb-menu > li.current-menu-ancestor > a,
.tdb-menu > li.current-category-ancestor > a {
color: blue !important;
}

2. This code is for hover:

.tdb-menu > li:hover > a,
.tdb-menu > li.tdb-hover > a,
.tdb-menu-items-dropdown:hover .td-subcat-more {
color: red !important;
}

Please note that these codes are working only if you use a cloud/PRO templates.
For default template you can use these codes:
1. Active

.sf-menu > .current-menu-item > a,
.sf-menu > .current-menu-ancestor > a,
.sf-menu > .current-category-ancestor > a {
color: blue !important;
}

2. Hover

.sf-menu > li > a:hover,
.sf-menu > .sfHover > a {
color: red !important;
}

Hope that helps you!

Thank you!

Post count: 162

Thank you.

That works for top level menu items but not for dropdown submenu items. Any ideas? Also, I need to change the text and the background of those sub menu items.

Please be so kind and give me the selectors for:

– PRO template
– sub menu items
– active states
– text & background

Post count: 21065

Hello!

I just gave you the code for PRO template active & hover, but unfortunately I am not sure I fully understand what you are looking to edit for text & background, active states? Please give me more information, a screenshot and also be more specific, so I can help you efficiently.

Thanks!

Post count: 162

Please delete these links after reading!

Looking at the 1st dropdown menu here:
https://app-60315d24c1ac18080c55f0ff.closte.com/de/01/touren/

.in-tour-menu .tdb-menu > li.current-menu-item > a,
.in-tour-menu .tdb-menu > li.current-menu-ancestor > a,
.in-tour-menu .tdb-menu > li.current-category-ancestor > a {
color: #000 !important;
}

The active color still is orange.

Post count: 21065

Hi,

Please send an email at contact@tagdiv.com and provide wp-admin access, so we can investigate this issue. Also paste a link to this topic so we can easily identify you.
Let us know and we will gladly assist you.

Thanks!

Viewing 6 posts - 1 through 6 (of 6 total)
You must be logged in to reply to this topic.