Styling and Making Search Form Fields Horizontal

Tagged: , , ,

Author Posts

paforson October 4, 2018 at 12:49 pm

Heads up! this post was created when Microthemer was at version 5. The current version is 7. Some references to the interface may be out of date.

I have a simple search form with four elements that I would like to style so that they are all horizontally in-line.


[wpv-filter-start hide="false"]
[wpv-filter-controls]
<div class="form-group">
	[wpv-control-post-taxonomy taxonomy="crew-type" type="select" url_param="wpv-crew-type"]
  
    [wpv-filter-search-box output="bootstrap"] [wpv-filter-submit output="bootstrap"] [wpv-filter-reset output="bootstrap"]
</div>
[/wpv-filter-controls]
[wpv-filter-end]

Currently the fields are vertical with the submit and reset button on the third line to the right. I would all elements to be in a horizontal line in a desktop computer.

I don’t know much about CSS at all but sure could use the help!
Thanks

Sebastian October 4, 2018 at 5:57 pm

Hey,

Sure, I’m happy to help. Would you mind posting a link to the page you’re working on? I would need to inspect the rendered HTML and current CSS styles to advise you.

Thanks,
Sebastian

You must login or register to reply to this topic.