Modify search bar css style and create widget from it. Add check box options to widget

Hi so its the same widget as last project but we need to make some style updates.

Vertical Bar #1

- Change input boxes so they are not rounded (remove border-style).

- Remove the spaces between the boxes.

- Make the submit button solid with #8dd1ca and the text white

Vertical Bar #2

Use the version with the modifications done from #1 please, plus ->

- Change border and text to white.

Widget #1

This will match the same colours as Vertical bar #1. I will provide a website URL with an example of the size and shape. Code will be the same as VB#1 also so you just make another folder with the css changes please.

- The original vertical bar will need to shrink the input boxes to match the widget size.

- 2 checkbox options will need to be added to create sub destinations with 2 options. I have already started this code and will provide the copy. The hotel ID needs to be auto selected since we are hiding the option for the user to select (it is a default ID). The code call in the file is "if(hotelid == 111111)". -

- Currently the submit is not working so I need that fixed please. If the checkbox options are not selected, the default hotelID should be submitted.

- The checkboxes will need to be formatted to fit at the bottom of the widget under the visible field boxes already there.

Widget #2

This will match the same colours as Vertical bar #2.

Code will be the same as VB #2 using the widget style from Widget #1, so just make another file/folder with the css changes please that match VB#2.

Skills: CSS, HTML5, Javascript

See more: css search bar, css search bar design, create header css style sheet, search bar syntax css, modify rad grid css style, joomla add check box, search bar css designs, add check box wordpress post, psd search bar css, search bar css, progress bar css style, add check box virtuemart, search bar css code, videoscavenger provides these features and web search on your homepage & new tab check box to continue check here to install vid

About the Employer:
( 15 reviews ) Montreal, Canada

Project ID: #15632218

11 freelancers are bidding on average $26 for this job


hello sir, i can do your project.... please accept my bid so that i can start it... i m expert in this type of project... u can also see my portfolio... please sir accept my bid.. please hope u will do i m waiting f More

$27 USD in 0 days
(375 Reviews)

hello sir, we are ready to do this project work based on your requirement. Relevant Skills and Experience we are currently working with WordPress,Codeigniter,HTML,CSS,Bootstrap and PHP, PSD to HTML. and we have 3+ yea More

$25 USD in 1 day
(112 Reviews)
$40 USD in 1 day
(32 Reviews)
$25 USD in 1 day
(16 Reviews)
$25 USD in 1 day
(9 Reviews)

Hey, I have 5 year experience. I can share my work experience with you. I'm always available here .so Please send me a message once for more discussion.

$20 USD in 0 days
(26 Reviews)

Yes i can do it Relevant Skills and Experience Yes - I have experience. just give me a one chance. Thank You! Proposed Milestones $23 USD - Yes Not now

$23 USD in 0 days
(25 Reviews)
$25 USD in 0 days
(12 Reviews)
$25 USD in 1 day
(15 Reviews)

with 10 years experience in Wordpress, PHP, Woocommerce, SEO. I can help you finish projects which you probose. Please give me skype address. we can communicate each other easily. Relevant Skills and Experience with 1 More

$30 USD in 1 day
(2 Reviews)
$25 USD in 0 days
(2 Reviews)