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:
- 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.