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

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

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 27, 2019 at 12:36 am #24760
    AndrewTaylor50AndrewTaylor50
    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.

    November 27, 2019 at 12:37 am #24761
    AndrewTaylor50AndrewTaylor50
    Participant

    You cannot access this content.

    November 27, 2019 at 1:09 pm #24773
    Ernest MarcinkoErnest 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.

    December 2, 2019 at 6:29 pm #24860
    AndrewTaylor50AndrewTaylor50
    Participant

    Thank you. That looks like it works.

    December 3, 2019 at 9:31 am #24869
    Ernest MarcinkoErnest Marcinko
    Keymaster

    You cannot access this content.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.