Angular Main Navigation change and social icons « Support Forum | Kriesi.at

Support Forum » Angular

Angular Main Navigation change and social icons

2 posts from 2 voices

Started 1 year ago by tef88
Latest reply from Dude
This topic is resolved

Tags:

tef88
Member

Hello
I have 2 questions re the Angular Theme.

First, I have been trying to change the Main navigation colour for the hover and current page to no avail. I have tried several different ways from the posts here but they were for other themes. So is this theme different somehow. I can't seem to figure it out.

And secondly, I was wondering if there is a way to change the PRE rollover colour on the social media icons at the top of the page? And if so how and where would I do this? I need to lighten them up a bit.

Any help would be greatly appreciated, especially the navigation
Thanks

Posted 1 year ago #

Dude
Dude

Hi,
1) You can change the hover link color/current item color with following code:

.main_menu ul:first-child > li.current-menu-item > a, .main_menu ul:first-child > li.current_page_item > a, #top .main_menu .menu li a:hover,  #top #wrap_all .current_page_item > a{
color: #333 !important;
}

Replace #333 with any hex color value of your choice. I'd add the code to css/custom.css or the quick css field.

2) Yes you can change the hover color with following css code:

.social_bookmarks .rss:hover	 { background-color:#ffa133;}
.social_bookmarks .facebook:hover{ background-color:#37589b;}
.social_bookmarks .twitter:hover { background-color:#46d4fe;}
.social_bookmarks .mail:hover    { background-color:#9fae37;}
.social_bookmarks .dribbble:hover{background-color:#e44885;}
.social_bookmarks .linkedin:hover{background-color:#419cca;}
.social_bookmarks .search:hover  {background-color:#222222;}
.social_bookmarks .gplus:hover   {background-color:#de5a49;}

Posted 1 year ago #

RSS feed for this topic