How to "Display background overlay" in regular search box?

Home Forums Product Support Forums Ajax Search Pro for WordPress Support How to "Display background overlay" in regular search box?

This topic contains 1 reply, has 2 voices, and was last updated by

 
Keymaster
1 year, 1 month ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #30493

    Participant

    Hi,
    I know i can change “Display background overlay” in “Compact box layout” setting.

    My question are:
    How to “Display background overlay” in regular search box?

    My goal are:
    When visitor click the “Search Box” the Background color overlay became “rgba(0, 0, 0, 0.6)”,
    THEN when visitor click outside the search box OR “not focus on the search box” OR “Click the magnifier” then Background Color become normal.

    Sorry for my English, i hope you understand.
    Thanks for your help.
    I really appreciated.

    #30500

    Hi,

    I’m afraid this is not possible out of the box, it has to be custom coded. The reason is, the search bar needs to be in a fixed CSS position to remove it from the document flow – then position a background layer on document root. This feature on compact box only works in fixed positions as well, it is specifically coded for that scenario only. That is not possible to easily replicate for the regular search box I am sorry.

    Best,
    Ernest Marcinko

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


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

You must be logged in to reply to this topic.