Need help to change search icon color - How-to and Troubleshooting

RE: Need help to change search icon color

edesign — Tue, 21 Feb 2023 09:48:36 +0000

Hi Chris 😉

Thank you for your help 🤗

8.png

RE: Need help to change search icon color

Chris — Tue, 21 Feb 2023 08:33:20 +0000

Hi @edesign,

Add the below CSS Code in Custom CSS Code field from wpForo > Settings > Colors & Styles Tab:

#wpforo #wpforo-wrap .wpf-search i{
    color: white;
}

Need help to change search icon color

edesign — Mon, 20 Feb 2023 13:20:21 +0000

Hi 🙂

I need help to change search icon color from black to white as you can see in the screen shot.

I changed in colors.css this code but the color does not change (even after purge and clean...cache)

#wpforo #wpforo-wrap .wpf-search i{ color: #ffffff; }

and I added color in style.css:

#wpforo #wpforo-wrap .wpf-search i{
	position: absolute;
	margin: 0 0 7px 0;
	top:0;
	font-size: 16px;
	line-height:30px;
	padding: 0 0 0 7px;
	z-index: 10;
	cursor:pointer;
	vertical-align:baseline;
	color: #ffffff;
	}

What I have to do?

Thank you in advance 😉

9.png