[Steve B]

Sorry again for all the questions!

I am using the normal WP search widget in the footer. The input box doesn’t look so good on tablet and phone – here is a photo:
http://tbd.wpstagecoach.com/wp-content/uploads/2017/04/IMG_0680.png

Looks ok on desktop (although I wouldn’t mind if it could be 1px border instead of 2) but on phone & tablet it is rounded on the ends and looks like it has some shadow on the top? Can we make it just simple 1px border (no rounded corners)?

Thanks!

[serkan]

Hi Steve,
I tested this problem, but I did not encounter a problem as you did in the photo. But still I give you a code, you can add and try.

.search-field.input-text { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0 !important; box-shadow: none !important; }

Thanks

[Steve B]

Yeah strange – that code made the border 1px on desktop – thank you! But yeah, it doesn’t change the rounded ends and top shadow that you see in that screen shot on iPhone and iPad! Any other ideas?

[serkan]

Hi,
I just updated the css code for you. Could you try it with the new code, again?
Thanks

[Steve B]

Crap! Sorry Serkan, still not changing anything on phone and tablet!

Thanks!

[Steve B]

oh – Site is live now – http://www.thebudgetdecorator.com

[serkan]

Hi, The code I wrote absolutely had to hide the shadows. Still, I will test this situation.
Thanks