How to change close icon

[hypergalaxy]

Hello!

I love the plugin and I’ve looked through the options but I can’t see a way to change the close icon that appears when a search has been performed (see attachment). Can you point me in the right direction to do this?

Thanks,
Matthew

[Ernest Marcinko]

Hi Matthew,

The close icon is probably the only asset, that is hard-coded, that cannot be replaced via options. You can change it’s background/outline and icon colors here: https://i.imgur.com/rGyVMfF.png

If the coloring options are not enough, and you want to change it to a different image, then it will require a code modification for sure. In that case, please attach the desired image to your reply, and I will test it, and if possible, then give you the steps for the modification.

[hypergalaxy]

You cannot access this content.

[hypergalaxy]

You cannot access this content.

[Ernest Marcinko]

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.

[hypergalaxy]

Brilliant, thank you 🙂

[Ernest Marcinko]

You cannot access this content.

[Author]

Posts