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
  • October 16, 2021 at 7:24 pm #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

    October 18, 2021 at 12:51 am #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.

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