Limited Support

Our support team is currently on holiday from December 25, 2025 to January 7, 2026, and replies may be delayed during this period.

We appreciate your patience and understanding while our team is away. Thank you for being part of the wpForo community!

Merry Christmas and Happy Holidays! 🎄

Style [Solved] Need help to change search icon color

How-to and Troubleshooting

Last Post by edesign 3 years ago

3 Posts

2 Users

1 Reactions

998 Views

RSS

Posts: 4

edesign

Topic starter

Feb 20, 2023 1:20 pm

(@edesign)

Active Member

Joined: 5 years ago

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

Topic Tags

2 Replies

Posts: 3610

Chris

Feb 21, 2023 8:33 am

(@chris)

Famed Member

Joined: 4 years ago

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

In case you want to say thank you !)
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.