Loader and 'close' button position with disabled magnifier

[nazar]

Hey there.

There’s a small problem with loader image and close button placement when magnifier is disabled.
Basically, the screenshot explains it all.

Any way to have those float ‘totally right’? 😉

[Ernest Marcinko]

Hi!

You are very helpful reporting all these issues back to me, I really appreciate it 🙂

That is indeed another bug, if the magnifier is disabled, it should not be visible. As a temporary solution, use this custom CSS code:

[html].promagnifier {
display: none !important;
}[/html]

[nazar]

No prob 😉

[nazar]

Ernest,

A somewhat related small “bug”.
There’s no option to style the close button, so it’ll always be round, black with white fill and shadow. Of course, I can target it with CSS and restyle it easily, but maybe something you’ll want to consider adding in plugin options 😉

Cheers.

[Ernest Marcinko]

Indeed, will note this one as well 🙂

In the meantime you can style it like so:

[html].probox .proclose svg {
background: #333333 !important; /* the bg color */
fill: #ffffff !important; /* the cross X color */
box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.9) !important; /* the border width and color */
}[/html]

[nazar]

Absolutely, that’s what I did. With the only change – I needed to restyle this piece in a particular form only (I have several ASP forms).
So my CSS ended up like this:
[code]
#ajaxsearchpro4_1 > .probox > .proclose svg {
// styling here
}
[/code]

Thanks for your attention to this.

Edit: no idea how to escape “>” in the code here 🙂 Those “>” should be “>”

• This reply was modified 9 years, 3 months ago by nazar.

[Author]

Posts