This website uses cookies to personalize your experience. By using this website you agree to our cookie policy.

Reply To: How to change close icon

#19055
Ernest MarcinkoErnest Marcinko
Keymaster

Hi,

Thank you!

I have found a much much better solution, that does not require any modifications actually, only a small custom CSS.

Apply this code to your theme custom CSS field (if it supports it) or use the custom CSS field on the search plugin back-end.

[html].proclose svg {
display: none;
}
.proclose {
background-image: url(‘http://yoursite.com/wp-content/uploads/2018/08/cross-temp.png’) !important;
background-position: center;
background-repeat: no-repeat;
background-size: contain !important;
}[/html]

Upload the image somewhere (I uploaded via the media library), and change the image URL in the CSS code above. That’s it, this will change the close icon image.