Form Design Customization

You can easily customize the search form view with a couple of custom CSS settings, just add your CSS for the following entities:

Search Text Input #locatoraid-search-form-search input
Search Submit Button #locatoraid-search-form-button

Your code may read something like this:

#locatoraid-search-form-search input {
height: 2.5em;
padding: 0.5em 1em;
border: 1px solid #060;
border-radius: 0.25em;
}

#locatoraid-search-form-button {
height: 2.5em;
padding: 0.5em 1em;
background-color: #900;
color: #fff;
}

There are several ways to apply those changes, but most easiest ways are:

  • Add the custom CSS to your theme. In your WordPress admin panel, go to Appearance, Customize, then click Additional CSS. Paste your CSS code, then click Save & Publish.
  • Or just add the custom CSS code directly to the content of the page with [locatoraid] shortcode. Do not forget to wrap the CSS code with the <style> and </style> tags.

Latest update: Version 3.1.7

Order Now

Get the Pro version for a lot more nice features

Order Now