Join

Easily Change the Color of MyListing’s Verified Listings Badge

  • Guides reflect how I’m currently using the solution for myself and my clients. 
  • If I don’t cover a specific feature, it implies I’m not using it.
  • If I don’t cover a specific setting, it implies the defaults are acceptable or the options are obvious.

Note: These instructions assume you have the MyListing Child Theme implemented and use the FileZilla (Free) app to manage your website files. While you could use a WordPress ‘File Manager’ plugin to manage your files, that method isn’t recommended.

Implementation

  1. From FileZilla, browse to /wp-content/themes/my-listing/assets/images.
  2. Copy the tick.svg file down to your workstation.
  3. Open the tick.svg file with your preferred text editor.
  4. Adjust the path fill=”#” value on Line 7 to change the SVG’s background color.
  5. Adjust the path fill=”#” value on Line 22 to change the SVG’s icon color.
  6. Save.
  7. From FileZilla, browse to /wp-content/themes/my-listing-child.
  8. Create a folder named ‘assets’.
  9. Browse into the ‘assets’ folder and create an ‘images’ folder.
  10. Browse into the ‘images’ folder.
  11. Copy the updated tick.svg file to the /wp-content/themes/my-listing-child/assets/images folder.

Helpful Videos

Youtube video
Youtube video