Locatoraid

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: