WordPress Store Locator Plugin

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:

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: