How to Add SVGs to MyListing Websites Without a Plugin

By default, MyListing does not give you the ability to add SVGs and Elementor doesn’t either, but you can get around that, and I’ll show you how.

This guide will teach you how to easily take advantage of the benefits (scalability, SEO friendliness, compact file size, etc.), that come with the SVG file format.

Upload SVGs Using Elementor

For the steps below, I’ll be working with Elementor’s Icon widget, but any Elementor widget with an Icon element (Icon, Icon Box, Icon List, etc.) will do.

  1. Edit any post or page with Elementor and drop in the Elementor Icon widget.
  2. Edit the Icon widget.
  3. Hover over the Icon image area and choose ‘Upload SVG’.
  4. Enable Unfiltered File Uploads
  1. Browse to the location of your SVG and select it.
  2. Click ‘Insert Media’.

That’s all there is to it! At this point, you can simply close your page without saving your changes and your SVG will be in your WordPress Media Library.

Add SVGs to MyListing Taxonomies

For the steps below, I’ll show you how to add SVGs to the Region taxonomies, as an example.

  1. WordPress Dashboard > Listings > Regions
  2. Edit any of your Regions
  3. Term Options > Icon Option > Upload Image
  4. Click ‘Add Image’
  5. Click on the desired SVG from your media library and click ‘Select’.
  6. Save Changes.

The steps above can be used to add SVGs to any taxonomy that MyListing provides, such as Categories, Regions, Tags, Custom Taxonomies, etc.

Adjust the Color of Your SVGs

Before SVGs Have Been Uploaded

  1. Edit the SVG file with your preferred text editor application. (Note: I use and recommend Visual Studio Code (Free) for editing a wide arrange of filetypes.).
  2. Find the ‘svg fill=”#xxxx” value.
  3. Adjust the HEX color code as desired.
  4. Save Changes.

After SVGs Have Already Been Uploaded

  1. Using an FTP application like FileZilla or any WordPress ‘File Manager’ plugin, browse to the location where you uploaded your SVGs (ex. /wp-content/uploads/).
  2. Edit the SVG file with your preferred text editor application.
  3. Find the ‘svg fill=”#xxxx” value.
  4. Adjust the HEX color code as desired.
  5. Save Changes.

Video Tutorial

WooCommerce Subscriptions Ready

The latest version of the WooCommerce Subscriptions plugin is included (unlicensed) and once you have a Starter Site in hand, you can easily put in your own pricing, package features, graphics, etc.

Should you not wish to use WooCommerce Subscriptions, you can simply turn the Listing Subscription packages into standard MyListing packages in just a few clicks and be on your way.

  • WooCommerce Endpoint Design
  • WooCoommerce Subscriptions Setup
  • Listing Subscription Packages
  • Listing Subscription Switching
  • Stripe Payment Gateway Plugin
  •  and more…

Premium Assets

Get licensed, premium plugins, valued at over $600 in the first year alone, making a Starter Site investment a no-brainer.

You will get licensed copies of all the plugins listed below, with the exception of the WooCommerce Subscriptions and WooCommerce Product Vendors, and the licenses are yours to keep, for as long as the plugins remain on your website.

  • Elementor Pro ($49)
  • Perfmatters ($25)
  • Permalink Manager Pro ($45)
  • SEOPress Pro ($39)
  • UiPress ($39)
  • WooCommerce Product Vendors ($79) 
  • WooCommerce Subscriptions ($199)
  • WP Rocket ($49)