Custom Form

  • Resolved GJS

    (@gojobsearch)


    7 years ago

    Hi Guys

    I have used your code to create a custom search form to use elsewhere on my site.

    However this displays the form vertically. How can I change the below to display the two search blocks next to one another?

    <div id=”navmenu”>
    <form action=”URL” method=”GET”><label for=”keywords”>Keywords</label>
    <input id=”search_keywords” name=”search_keywords” type=”text” />

    <label for=”keywords”>Location</label>
    <input id=”search_location” name=”search_location” type=”text” />

    <input type=”submit” value=”Search” />

Viewing 1 replies (of 1 total)
  • Plugin Contributor Richard Archambault

    (@richardmtl)

    You’ll have to use CSS to achieve this, likely by wrapping the elements in separate divs. There are lots of ways to do this, though, it will really depend on your site’s design and your menu’s design. Helping you with the exact CSS needed is outside the scope of support that I can provide, however. I suggest you search Google for “vertical align divs” and then dive into the world of CSS flexboxes. ??

Viewing 1 replies (of 1 total)
  • The topic ‘Custom Form’ is closed to new replies.