incorrectly displayed the form

Not sure I follow you, can you please clarify what you mean? The red form looks okay to me.

I mean blue form on the down of page. It is last form of the page. Not in left menu

Dear, mixmastermichael.
I received message from support of form which incorrect displayed on web page. I searched in the css files this text, but not found. Could you please help me to show where it should be done.
The message from support:
“The issue lies within the following elements in of your css
Please remove the following (highlighted in red) to resolved the issue.
https://travels4you.ru/amsterdam/

#SB_1a19923289 .hcsb_content {
background-color: #CAE8F0;
border: 2px solid #FFFFFF;
border-radius: 3px 3px 3px 3px;
overflow: hidden;
padding: 15px 10px 20px;
position: relative;
}

So it looks like;

#SB_1a19923289 .hcsb_content {
background-color: #CAE8F0;
border: 2px solid #FFFFFF;
border-radius: 3px 3px 3px 3px;
overflow: hidden;
position: relative;
}

And please remove the following highlighted in red;
#SB_1a19923289 h1.hcsb_topTitle {
border: 0 none;
border-radius: 3px 3px 3px 3px;
margin: 0.4em 0 0;
padding: 0.4em 0;
text-shadow: -1px -1px 0 #999999;
}

So it look like;
#SB_1a19923289 h1.hcsb_topTitle {
border: 0 none;
border-radius: 3px 3px 3px 3px;
margin: 0.4em 0 0;
text-shadow: -1px -1px 0 #999999;
}

The issue here was the CSS elements of your website, overriding the search box. You will find that a common cause for overriding is the “padding” element, which is usually just removed to fix the issue, as seen above.

Okay so that “#SB_1a19923289 .hcsb_content ” and the other element seems to be something created from javascript, so it’s not something directly seen on your theme’s stylesheet.

However, you can just over ride that javacript’s css by jut putting that stuff they suggested on your theme, but you might need to just put “important” on the elements so that the browsers know to look at it, rather than the javascript’s css elements.

So, just paste all this stuff into your theme’s css and it should look okay:

#SB_1a19923289 .hcsb_content {
background-color: #CAE8F0 !important;
border: 2px solid #FFFFFF !important;
border-radius: 3px 3px 3px 3px !important;
overflow: hidden !important;
position: relative !important;
}

#SB_1a19923289 h1.hcsb_topTitle {
border: 0 none !important;
border-radius: 3px 3px 3px 3px !important;
margin: 0.4em 0 0 !important;
text-shadow: -1px -1px 0 #999999 !important;
}

The easiest thing to do would be to just find where the javascript file creates those css elements and remove them as they suggested, but without access to your site, it’s hard to see where to look.

Make sense?

Thanks for the reply.
In the CW Red theme there are only two css files: style.css and editor-style.css I pasted this code in the top of files, but nothing has changed.
Maybe they gave me the wrong code? What do you think?

na, see, when I look at the stylesheet that’s on your site (by looking at the source code):
https://travels4you.ru/wp-content/themes/cw-red/style.css

I don’t see those elements I pasted in the above post on it. You’re going to have to update that particular stylesheet.

It might not be directly editable in your wordpress editor. So, just go to your FTP, download that stylesheet: https://travels4you.ru/wp-content/themes/cw-red/style.css

copy and paste that stuff I mentioned above onto the stylesheet, upload it to your site to over write the old file and things should be in business.

Make sense?

I did it. Could you see again?
Thanks.

yea I see that in your stylesheet and the blue form looks good on my computer.

Not so good as I need.
By default I use Google Chrome browser. And I see that form is not correct. I did an experiment. I opened the page in different browsers (Firefox, Google Chrome, IE). Only IE browser shows me the form correctly. For example, I made some pictures with the form on different browsers and computers. And I made special post for you ??
https://travels4you.ru/mixmastermichael/

ah, gotcha. Now that I see what you want it to look like (in ie) we can make some adjustments so that stuff should look good in Chrome / Firefox.

I’ve made some tests to produce that result with this. Just gotta add float: left to these elements below on your stylesheet. Might need to add that !important hack to them, but should do the trick I think.

#SB_faf9a9cfdd input, #SB_faf9a9cfdd select, #EX-SB_faf9a9cfdd input, #EX-SB_faf9a9cfdd select {
font-size: 15px;
border: 1px solid #ACADB2;
color: #4E4E4E;
background-color: white;
border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
float: left;
margin-left: 10px;
}

#SB_faf9a9cfdd .hcsb_checkinDateContent img, #SB_faf9a9cfdd .hcsb_checkoutDateContent img {
display: inline-block;
background: url(“https://www.hotelscombined.com.au/Images/hc_icon_calendar.png”) no-repeat scroll 0 0 transparent;
height: 25px;
width: 25px;
vertical-align: top;
top: .25em;
position: relative;
overflow: hidden;
cursor: pointer;
float: left;
}

Hi!
I pasted this blocks with tag !important in the top and after in the down of style.css, but it didn’t give result. Could you see if I have an error?