Home Forums Pro Themes Fondness Pro How to change the color of the search icon and social icons in header

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #159073
    Holly Heritage
    Participant

    Hi can you help me with CSS for changing the color of the search icon and social icons in header to white instead of black?

    Also, how can I change the font color of hover text in the header?

    the site is https://roadnotaken.com/

    Thanks
    Holly

    #159113
    Psink
    Keymaster

    @HOLLYHERITAGE, Please add this CSS into additional CSS to change the color of the social and search icon

    
    @media screen and (min-width: 1024px){
    	.absolute-header #masthead .main-navigation .social-menu ul li a svg,
    	.absolute-header .main-navigation ul.nav-menu > li > a svg{
    	    fill: #fff;
    	}	
    }
    
    .main-navigation .social-menu ul {
        position: initial;
    }
    
    @media screen and (max-width: 1023px){	
    	#primary-menu > li > a {
    	    color: black !important;
    	}
    }
    
    

    For the hover color please add this CSS

    
    .main-navigation a:hover, .main-navigation a:focus, .main-navigation ul.nav-menu > li > a:hover{
    color:#06f9f9 !important;
    }
    
    

    Please change the color code as per your requirement.

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.