The Font Color of My Theme Makes the Text in the Search Bar Unreadable

If your theme uses a grey / white font color, it will make the text in the search bar and info window hard to read. You can fix this by adding extra CSS rules to the style sheet from your theme and using them to overwrite the theme colors for just the store locator section.

Grey theme font

You can do this by following these steps:

  1. Use an FTP Client to log in to your FTP server
  2. Browse to the folder from your active theme. You can find it under /wp-content/themes/
  3. Locate the style.css in your theme folder and download it
  4. Open the style.css, add the following code to the bottom of the file, and upload it back to the theme folder on your server

The above CSS code will set the font color to dark grey, instead of the one used in your theme.

If you want to use a different font color, then replace the #444 with another color code.