Home › Forums › WoodMart support forum › Text color of extra menu list item element in footer

Text color of extra menu list item element in footer

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 13, 2022 at 5:32 pm #345210

    horny_fungus
    Participant

    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.

    January 13, 2022 at 6:54 pm #345227

    Elise Noromit
    Member

    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

    January 13, 2022 at 6:58 pm #345228

    horny_fungus
    Participant

    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.

    January 13, 2022 at 11:27 pm #345263

    Elise Noromit
    Member

    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

    January 14, 2022 at 6:44 am #345301

    horny_fungus
    Participant

    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

    January 15, 2022 at 8:22 pm #345659

    Elise Noromit
    Member

    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
Viewing 6 posts - 1 through 6 (of 6 total)