Search Bar with Search button on right

[indigoross]

Hi! I hope all is well. Am creating a search bar on the homepage to search for courses, i have used the shortcode all ok, you can see here: http://indigotestsite.co.uk/mimas/ Is it possible to have the Search Bar full width of the box rather than small and teh Search Button to be next to the search bar so its all one one like like attached image? Many thanks!

[Jackson]

Dear user can you tell me where you put this shortcode and how much width you want to expand this .

[indigoross]

Hi! Many thanks for your reply. if you go this link: http://indigotestsite.co.uk/mimas/ Its under the text that says: SEARCH COURSES Please search below to find your course Size if possible something very similar to the image that was attached as an example in previous post, here it is again though: So quite long so it fits the width of the Visual composer grid the search button is next to the search bar. Many thanks for help!

[Jackson]

Ok use this css in aapearance>>customization>custom css .wpb_wrapper form.left { float: none !important; } .wpb_wrapper form.left input#s { width:87% !important; }

[indigoross]

Perfect!! :) Thanks very much

[Jackson]

OK so now i closed this topic. Thanks.

[Author]

Posts