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

How to change close icon

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #19044
    hypergalaxyhypergalaxy
    Participant

    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

    #19047
    Ernest MarcinkoErnest Marcinko
    Keymaster

    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.

    #19051
    hypergalaxyhypergalaxy
    Participant

    You cannot access this content.

    #19052
    hypergalaxyhypergalaxy
    Participant

    You cannot access this content.

    #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.

    #19076
    hypergalaxyhypergalaxy
    Participant

    Brilliant, thank you 🙂

    #19077
    Ernest MarcinkoErnest Marcinko
    Keymaster

    You cannot access this content.

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘How to change close icon’ is closed to new replies.