This topic contains 6 reply and 2 voices, and was last updated by Rob 5 years, 8 months ago
Viewing 6 Posts - 1 through 6 (of 6 total)
Author Posts
December 14, 2013 at 1:43 pm 13703
Rob Hi WeDevs, I've purchased a few of the advanced search widget for use on my development and main website. I'm just beginning to learn php/html/css and am struggling to find how to make the search fields appear on one line. I want them to be next to each other (left to right), instead of top to bottom. I've looked at answers on stackoverflow (http://stackoverflow.com/questions/18470682/html-form-make-inputs-appear-on-the-same-line) but this plugin code is a bit too complex for me to understand. Can you give me a few tips on where/what to edit to make fields appear left to right?
December 14, 2013 at 2:39 pm 13706
Tareq Hasan Tareq Hasan

Try adding this CSS in your themes style.css

[css]form.asw-search-form div { float: left; }[/css]

December 22, 2013 at 10:39 am 13880
Rob Rob

Hi Tareq

That didn’t work…. I added it to my child theme’s style.css file…

Here’s the page:
http://www.rad.mosaicearth.com

Any other ideas??

December 22, 2013 at 12:09 pm 13882
Tareq Hasan Tareq Hasan

I can’t access your site. The main site works, but not the subdomain.

December 22, 2013 at 12:17 pm 13883
Rob Rob

I apologize… try w/o the www

so http://rad.mosaicearth.com

December 22, 2013 at 2:59 pm 13888
Tareq Hasan Tareq Hasan

Seems like you modified the form?

Try with this:
[css]form.asw-search-form p { float: left; }[/css]

December 22, 2013 at 7:19 pm 13892
Rob Rob

That worked! Thanks Tareq.

FYI, I did not modify the form.

Viewing 6 Posts - 1 through 6 (of 6 total)