The main header of the Divi theme includes a search icon, which brings up a site-wide search box when clicked. This search box includes a grey "cross" icon which can be used to close the search box. If you're after something other than a grey cross, here's how to style the search box close icon.
Styling the Search Box Close Icon with CSS
Here's an example of CSS code for applying different styles to the search box close icon. It sets the icon to a lighter grey, and turns it red on hover.
.et_close_search_field:after {
color:#ccc;
}
.et_close_search_field:hover:after {
color: red;
}Related Post: Adding CSS to the Divi Theme
0 Comments