Form Design Customization

Make sure that the store search form fully matches the design of your website.

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

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.