Changing the Divi Search Icon Hover Color

This post may contain referral links which may earn a commission for this site

If you'd like to change the hover color of the Divi Theme's search icon, you can do so simply with the following CSS:

/* Change the search icon color */
#et_search_icon:hover:before { color: #ff0000 !important; }

Just replace #ff0000 with the hex code for your hover color of choice.

This is available as an option in Divi Booster from v2.1.4 onwards. You'll find it on the Divi Booster settings page under "Header > Main Header > Search icon hover color".

Related Post: Adding CSS to the Divi Theme

Hundreds of new features for Divi
in one easy-to-use plugin


  1. Awesome thanks for the code, worked well

    • You're welcome, Mikey!


Submit a Comment

Your email address will not be published. Required fields are marked *