customize the floating search button

[Boris Prado]

Hello, I need to change the style of the floating search button that is enabled with the Compact Search Box Layout (see image-1). I manage to configured, is working, but the background of the search button is white, see image-2. I would like the same one that appears on your website.

[Ernest Marcinko]

Hi,

Sure!

For that you can choose this theme: https://i.imgur.com/D7aEq7t.png
And then to change the background color here: https://i.imgur.com/KP4qyNv.png

[Boris Prado]

It worked, but now the magnifying glass has moved to the right. How do I center it? A screenshot is attached.

[Ernest Marcinko]

Looks like some extra button side margin coming from somewhere. This custom CSS should remove it:

div.asp_m_1 .probox .promagnifier,.asp_m_1 .probox .prosettings {
    padding: 0 !important;
}

[Boris Prado]

Perfect! Is working, thk very much for the help!

[Ernest Marcinko]

You are very welcome 🙂

If you don’t mind, I will close this topic soon and mark it as resolved, feel free to open another one if you have other questions or issues.

If you like the plugin and have not rated already, feel free to leave a rating on the wordpress plugin repository, it’s greatly appreciated.

[Author]

Posts