Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #12031

    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

    #74003

    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;}

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Angular Main Navigation change and social icons’ is closed to new replies.