Text color of extra menu list item element in footer

Hi, I am building a footer. It’s text color is set to white in theme’s footer settings but I need the text contained within extra menu list item element to be black.
I tried applying Color Scheme Light to it’s column but that didn’t help although that was enough for other elements (e.g. Woodmart Text). I aslo tried applying special class but that didn’t help either.

Hello,

You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

Best Regards

The problem is not with the font. The problem is that I can’t apply proper color to the text. And it seems that extra menu list item element CSS is to blame because the color scheme of mopther element applied to another elements.

Hello,

You can change the color of any test by means of Advanced typography using the custom selector. Each widget has the option to add a class and your can select which text should be changed not to apply advanced typography to the texts you do not want to change.

Best Regards

1. This should not be this way – other elements respect color scheme settings of parent column. So I suppose something is wrong with extra menu list item element CSS.

2. I tried applying your solution – created a custom selector in advanced typography and added this calss to element. That didn’t help. Custom class was overwritten by .wd-sub-menu li a

Hello,

You can change the color of the footer text in the Extra menu list by custom CSS: https://gyazo.com/6e1c897442dae3730fa109997d57b2d5

You will need add this code to the Theme Settings > Custom CSS > General:

.wd-sub-menu li.footer-text-dark a {
    color: red;
}

Or you can use this selector in Advance typography: https://gyazo.com/65805462a58f48578d32ef6b2f1d50bbv and get this result: https://gyazo.com/45c7f02e13e770b8f1e10b4258653267

In both cases, each Extra menu list should have class: footer-text-dark https://gyazo.com/226d63bea25df0f4e08841e52cecd072

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts