-
AuthorPosts
-
March 16, 2014 at 1:04 am #238151
I tried what you told me here: https://kriesi.at/support/topic/category-menu-bold-when-active/
and it worked, BUT i also need to change the color when its active.. i couldn’t get that to work.
How to do that??
I added color and wrote important same way as with the bold, but the color does not show..
Is it possible to get this as an option in CSS in next update? I can’t find it in my CSS.
I can see that its because when i need to change the sidebar category menu color – i use “important” in my CSS = it doesn’t work even i write important when i want the active to show different.
Also i don’t like that the color is 50% some where. .in the widget. in the sidebar and so on.. i i can’t find where to change that to just be 100%?
Then my problems would be solved if i could do that.. the grey is to weak a color.. so where to change that thing about 50% of color you put it to be?
- This topic was modified 10 years, 8 months ago by InfinityJane2013.
March 17, 2014 at 4:33 pm #238800Hey Jane!
Have you tried as following
.current-cat a { color: red!important; }
This does work fine on my local installation. Can you post the link to your website so we can take a look?
Regards,
YigitMay 8, 2014 at 12:55 am #261547Not sure if this is the same – but I wanted to have a category in the main menu, and when I go to a post within the category, still have that category highlighted in the main menu.
I didn’t see a way to do that – but I know it is possible technically as other websites do it.
Anyways, I blindly just started trying different things, and the following css actually does it….so if the post is in two categories, both categories show up highlighted in the main menu
Not sure if there are any problems doing this – but wanted to share for those searching – it might work for you too…there’s probably a better way….
//////////////////////////////////////////// start ///////////////////////////////////////////////////////////////////
#top .main_menu .menu li.active-parent-item .avia-menu-fx{
opacity: 1;
visibility: visible
}
.current-menu-parent .avia-menu-fx, .current-menu-parent .avia-arrow-wrap{
opacity: 1;
display: block;
visibility: visible;
}
.current-menu-parent a{
color: #333333;
}///////////////////////////////////////////////// end //////////////////////////////////////////////////////////////
May 9, 2014 at 7:18 am #262175Thanks for sharing your solution GZAM :)
Cheers!
Josue -
AuthorPosts
- You must be logged in to reply to this topic.