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 Ernest Marcinko Ernest Marcinko 3 years, 7 months ago.

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

    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.

    Ernest Marcinko
    Ernest Marcinko


    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.

    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.