how can i change hover category color dynamically on main menu?
with the same color that i have set to the other customization
Hi,
Please check the settings from the Newspaper>Theme panel>Theme Colors
https://www.screencast.com/t/ni23mFswi
Hope this will help you.
Thank you.
thanks for your reply, but i would set a different color on menù for single category.
Hi,
Unfortunately our theme do not have this option to set in menu different hover color on each category, sorry.
I think this can be done wit some custom css
Here is an example
ul li:nth-child(2):hover a:after{
background-color :green;
}
ul li:nth-child(2):hover a{
color: green;
}
ul li:nth-child(3):hover a:after{
background-color :blue;
}
ul li:nth-child(3):hover a{
color: blue;
}
https://www.screencast.com/t/0fN2vG0kU
Thank you for your understanding.
Thanks a lot for your answer, i use:
– header style 1
– ACTIVE/HOVER STYLES : style 5
and this code not work for me.
I have try to use this code:
.menu-item-2852 a:hover{background-color:#028fcb!important
}
for every menu item, but i have some problem for sub-menu color when it was active and not only hover
Hi,
Please provide a link were I can inspect this problem, in this way I will be able to provide you the right answer.
Thank you for your understanding.
Can i edit the hover and select color text of mega menu?
Can you help me to write a css code for this?
Hi,
In order to change that color please check the settings from mega menu style -> https://www.screencast.com/t/A9xVnbYzP8 -> https://www.screencast.com/t/tT6S0YK6lJP
-> https://tagdiv.com/header-main-menu-newspaper-theme/
Thank you!
sorry but how i can open a mega menu setting in tgComposer?
Hi,
You need to have the latest version of Newspaper, also you need to have the tagDiv Cloud Library activate
-> https://tagdiv.com/whats-new-in-newspaper-theme-9-5-update/
-> https://tagdiv.com/header-main-menu-newspaper-theme/
Thank you!
Can you help me to edit the color of mega menu text only with css code?
Hi,
Please try this custom css -> https://www.screencast.com/t/SXkOaVZhVo
.td_mega_menu_sub_cats a:hover {
background-color: #e3f2e1;
color: #0000FF;
}
Feel free to change the colors.
Thank you!
Thanks for your reply, but i want set different color for different sub mega menu.
Now i use this code for change a background of category menu:
#menu-navigation-1 > li.menu-item.menu-item-type-taxonomy.menu-item-object-category.td-menu-item.td-mega-menu.menu-item-2852 > a:hover{
background-color:#028fcb;
}
#menu-navigation-1 > li.menu-item.menu-item-type-taxonomy.menu-item-object-category.td-menu-item.td-mega-menu.menu-item-2852.sfHover > a{
background-color:#028fcb;
}
#menu-navigation-1 > li.menu-item.menu-item-type-taxonomy.menu-item-object-category.td-menu-item.td-mega-menu.menu-item-2852.current-menu-item > a{
background-color:#028fcb;
}
I solve my problem with this code, you think that is right?
#menu-navigation-1 > li.menu-item.menu-item-type-taxonomy.menu-item-object-category.td-menu-item.td-mega-menu.menu-item-2852 > a:hover,
#menu-navigation-1 > li.menu-item.menu-item-type-taxonomy.menu-item-object-category.td-menu-item.td-mega-menu.menu-item-2852.sfHover > a, #menu-navigation-1 > li.menu-item.menu-item-type-taxonomy.menu-item-object-category.td-menu-item.td-mega-menu.menu-item-2852.current-menu-item > a{
background-color:#028fcb;
}
#menu-navigation-1 > li.menu-item.menu-item-type-taxonomy.menu-item-object-category.td-menu-item.td-mega-menu.menu-item-2852 .td_mod_mega_menu:hover .entry-title a, #menu-navigation-1 > li.menu-item.menu-item-type-taxonomy.menu-item-object-category.td-menu-item.td-mega-menu.menu-item-2852 .td_mega_menu_sub_cats .cur-sub-cat {
color:#028fcb;
}
#menu-navigation-1 > li.menu-item.menu-item-type-taxonomy.menu-item-object-category.td-menu-item.td-mega-menu.menu-item-2852 .td-ajax-next-page:hover, #menu-navigation-1 > li.menu-item.menu-item-type-taxonomy.menu-item-object-category.td-menu-item.td-mega-menu.menu-item-2852 .td-ajax-prev-page:hover{
background:#028fcb;
border-color:#028fcb;
}Hi,
If that code is working and do not make any conflicts than is all good.
Thank you!
