Search box styling does not work

[Simon52]

Hello,
I can’t style the search box.
Cant remove border from the box:
https://prnt.sc/qq5xta
Please explain where is the problem?
I have disabled all caches and CDN.
Maybe do you have also hover styling for the button.

Thanks in advance,
Simon.

[Ernest Marcinko]

Hi Simon,

There might be also a margin on the input field, make sure that is disabled as well: https://i.imgur.com/5E8M1Qv.png
It should very likely resolve the issue.

[Simon52]

You cannot access this content.

[Simon52]

You cannot access this content.

[Ernest Marcinko]

Hi,

For that level of customization, I would rather recommend using custom CSS to move the border to the different element:

.probox {
   border: none !important;
}

.proinput {
    box-shadow: 0 0 0px 1px inset #cccccc !important;
    border-radius: 4px !important;
    margin: 0 12px 0 0 !important;
    padding: 0 24px !important;
}

.asp_text_button {
    line-height: 44px !important;
    padding: 0 24px !important;
}

This might not work for everthing, but should give you something like this: https://i.imgur.com/3DNcOmV.png

[Simon52]

You cannot access this content.

[Ernest Marcinko]

Hi Simon,

I can confirm it was a bug within the 4.17.3 release on some installations. The bugfix patch was just released (4.17.4), you should be able to download and install it. That will resolve the issue immediately.

[Author]

Posts