- This topic has 5 replies, 2 voices, and was last updated 11 years, 6 months ago by
.
-
Posts
-
Hi,
there’s something strange with the CSS. I “designed” a search bar and when I preview it in the admin area it’s being displayed perfectly fine. But then on the final page it shows a white field with rounded corners within the blue bar, that’s not supposed to be. I only want a completely blue bar. Please see attached screenshot. Furthermore, this is only when I’m using Safari, the problem doesn’t exist with Chrome for example.
Do you know what to do?
Thank you very much!!
Hi!
My best guess is that the theme stylesheet overrides the input style. Try to add the following CSS to the search options “Theme Options->Custom CSS” tab field(http://i.imgur.com/ns4vcKl.png):
[html]
.probox .proinput input {
border: 0px !important;
border-radius: none !important;
background: transparent !important;
box-shadow: none !important;
}
[/html]After saving the options, it should appear correctly I guess.
I still think it’s a css issue.
Could you please link me to a page where the search is active? I will check it with safari on your site.
Ok I figured it out. You use input type=”search” and apparently in some browsers or whatsoever it is not allowed to override certain style settings like background for input type=”search”. I changed to input type=”text” and Safari is displaying it correctly now. The only weird thing is that on your website wp-dreams.com you have a similar bar and although it is input type=”search” as well Safari has no problems with it.
- You must be logged in to reply to this topic.