Go to Advanced Options in MySLP (Store Locator Plus in WordPress).
Select Settings | View from the menu.
Scroll down the page and paste the copied rule in the Custom CSS box.
You can now add to the rule using standard CSS notation.
View The Changes
Reload your web page.
Keep in mind many web hosts cache CSS. Make sure you have cleared any proxy cache you have running as well as your browser cache.
A simple way to force your browser cache to reload (most of the time) is to hold down the shift key while clicking the “page reload” in your browser’s address bar. Some browsers are overly-aggressive with caching (Safari!) and you may need to clear your history.
An example for our Weebly South Carolina Ice Cream site on how to tweak the CSS.
Search Form Style sets the styling for the interactive locator elements on your site. It uses pre-built jQuery Theme Roller style CSS designs to create a simple way to style interactive elements such as the autocomplete feature (available in WPSLP Experience or with MySLP Professional) on the address box.
The base service also includes the Base jQuery theme.
Setting A New Style
For WordPress plugin users go to the Store Locator Plus selection on the sidebar menu.
Select Settings from the tab list. Search will be the default sub-tab.
Scroll down to the Appearance section and expand it by clicking the word “Appearance” if necessary.
Select a new style from the Search Form Style drop-down menu.
Available For WPSLP and MySLP
Search Form Style is a feature that is included in the base plugin of Store Locator Plus for WordPress and is available under Advanced Options for all levels of the MySLP service. Premier members on WPSLP and Enterprise Level users for MySLP will have multiple options for the Search Form Style.
Store Locator Plus comes with a variety of styles to provide a basic style framework that will attempt to match your locator page to various WordPress themes installed on your site. You can see the list of Plugin Styles under the Store Locator Plus Settings Tab / View panel.