check-availability form

wsinw
Offline
Last seen: 10 months 1 day ago
Mon, 08/29/2016 - 21:07
#1
check-availability form

I want to add text box(to fill some promotion code) in check-availability section, but when I add it by myself it's a simple text box and it's out of the grid on mobile.
How can I add text box that look like your text box ?

linhpeter0508
linhpeter0508's picture
Offline
Last seen: 6 days 4 hours ago
Tue, 08/30/2016 - 09:55

Hi Wsinw,

You save this code to the last line in style.css file:

.awe-text-wrapper .awe-text {
border-width: 0;
background-color: #fff;
line-height: 30px;
height: 30px;
color: #333333;
font-weight: 500;
width: 100%;
}
.awe-text-wrapper .awe-text::-webkit-input-placeholder {
color: #333333;
}
.awe-text-wrapper .awe-text:-moz-placeholder {
color: #333333;
}
.awe-text-wrapper .awe-text::-moz-placeholder {
color: #333333;
}
.awe-text-wrapper .awe-text:-ms-input-placeholder {
color: #333333;
}

HTML:

<label>Promo code</label>
<div class="awe-text-wrapper">
<input type="text" class="awe-text" placeholder="Code">
</div>

Log in or register to post comments