How to change sub-subcategory link color in megamenu (HTML Blocks)

Hi XTemos team,

I’m using Woodmart version 8.2.2 and I’ve built my megamenu using HTML Blocks. The menu displays categories, subcategories, and sub-subcategories.

The issue is that the sub-subcategory links appear in a light grey color, which is not very readable (please see the attached screenshot).

I couldn’t find any option in Theme Settings or in the Header Builder to change this specific color.

I have also tried adding custom CSS (for example: .wd-nav ul ul ul a { color: #303030 !important; }), but it doesn’t take effect.

I have attached a screenshot so you can better see which links I’m referring to.

Could you please let me know the correct selector to use, or confirm if there is any built-in option to change the color of these links?

Thank you very much for your help!

Attachments:

You must be logged in to view attached files.

Hi marketingdigital-5837,

Thanks for reaching to us.

Please provide me the mentioned page, so I can take a look.

Best Regards,
Hung PD

Hi Hung,

Thanks for your reply.

You can access the website at the URL I have added in the Private Data section of this ticket.

Please check the megamenu on the main header: you will see that the sub-subcategory links have a very light grey color and are hard to read.

Looking forward to your feedback.

Best regards.

Hi marketingdigital-5837,

Navigate to Theme Settings > Typography > Advanced. In this area, you can assign elements to below Custom Class:

ul.wd-sub-menu li ul.sub-sub-menu li a

Please refer to our documentation https://xtemos.com/docs-topic/advanced-typography-settings/

Regards,
Hung PD

[Author]

Posts