Change category color on mega menu hover

Posted in: Newspaper
Post count: 5

I want to ask if it is possible to change the color on hover for mega menu in newspaper theme. I have added colors to each category and it works in any other option in the theme for example when a link is hovered in the front page or at the category title but i want to change the category name text on hover in mega menu.

Post count: 23312

Hello dimkostakis,

If you want to change the color for your mega menu when you hover over the links, you will need to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td_mega_menu_sub_cats .cur-sub-cat {
color: red;
}
.td-mega-span h3 a:hover {
color: red!important;
}

The result you should see here -> http://screencast.com/t/XBCd9Qk14a

If is not what you mean, please provide more details so I will be able to provide a more accurate response.

Thanks.

Post count: 5

Hi and thank for the reply but what i want is to change the color of the blue line under each category to the color of that category that i have set or to a color that i want. Also i want to change the color of the category name in your case Lifestyle i want it to be green on hover both the text and the line under it. Thank you

The result i want is like the one in this site :

http://www.touristikosodigos.com

Post count: 5

I finally managed to do it! No need to search the code i used is the following in case anyone else wants the same

.menu-item-30916 > a:hover {
color:#3498db !important;
border-bottom:2px solid #3498db;
}

Also i want to make another questrion regarding the grid layout.
I have put in the theme options > bloc settings > category tags on module to show the category tag on td_big_grid_1,2,3 and i want to know if it is possible that tag to have the category color and not a global color

Again check the site i mentioned above to see what i want Thank you

Post count: 23312

Hello dimkostakis,

Please notice that is not a simple task and if you want to achieve that you will need additional customizations that involve custom work. Also, if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry!
As a hint, if you want to change the color for category tags only for post page, please notice that you can do that from Theme panel, for every category, like this -> http://screencast.com/t/ubJN2ew42

Thanks for your understanding!

Post count: 5

Yes i know that and i am familiar with wordpress and PHP development. All i want to know if you can answer that is if you can tell me which function calls the category and from where it gets the color of that category. Then i will do it with custom code

Thnaks for the help

Post count: 5

I managed to figure that also out 😛 with Javascript
The code i used just in case anyone else need it

$( document ).ready(function() {
$(“.td-big-grid-meta > a”).each(function() {

cat = $(this).text();
if(cat == “categoryName”){
$(this).addClass(“customClass”);
}else if(cat == “categoryName2”){
$(this).addClass(“customClass2”);
}else if(cat == “categoryName3”){
$(this).addClass(“customClass3”);
}else{
$(this).addClass(“customClass4”);
}
});

});

Viewing 7 posts - 1 through 7 (of 7 total)
The forum ‘Newspaper’ is closed to new topics and replies.