Sometimes a theme forces the store locator into an unreadable colour combination, such as white text on a white background.
Use the colour settings
Go to Store Locator > Appearance > Theme Style and enable Overwrite default theme styles. Then pick Header, Listing or Popup from the dropdown and set the colours for each part of the store locator. You don’t need any code, and you can see the result in the preview.
Or use custom CSS
If your theme still wins, add this to your theme’s stylesheet. It forces black text, and a white background on the search field and the search results:
| #wpsl-search-input, | |
| #wpsl-wrap #wpsl-stores li { | |
| color: #000 !important; | |
| background: #fff !important; | |
| } | |
| #wpsl-wrap #wpsl-search-wrap label, | |
| #wpsl-wrap #wpsl-stores li *, | |
| #wpsl-map .wpsl-info-window { | |
| color: #000 !important; | |
| } |
The li * rule also changes the colour of links and buttons in the search results. Remove it if a button’s text becomes hard to read.
To use different colours, replace #000 and #fff with your own HEX codes.