Change icon when search bar open/active

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Change icon when search bar open/active

This topic contains 4 replies, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 2 years, 8 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #24760
    AndrewTaylor50
    AndrewTaylor50
    Participant

    We have Ajax Search PRO displayed on several pages like the following link…
    http://plattstaging1.wpengine.com/architecture/gallery/

    The client is requested that when you click on the magnifying glass that this icon be replaced with an “X”

    The functionality is to remain in place, meaning right now the magnifying glass functions as the open and close of the search bar on click. So the magnifying glass would be to open the search bar, and an “X” would be to close the search bar.

    #24761
    AndrewTaylor50
    AndrewTaylor50
    Participant
    You cannot access this content.
    #24773
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi,

    Well, this would require an customization, but you can try it via a custom CSS, I believe that is the simplest solution. Something like this:

    .asp_m[asp-compact=open] .innericon svg {
        display: none !important;
    }
    
    .asp_m[asp-compact=open] .innericon {
        background: url('https://image.flaticon.com/icons/png/512/60/60994.png') no-repeat center center;
    }

    It should be very close to a possible solution.

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #24860
    AndrewTaylor50
    AndrewTaylor50
    Participant

    Thank you. That looks like it works.

    #24869
    Ernest Marcinko
    Ernest Marcinko
    Keymaster
    You cannot access this content. Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.