How to use SVG’s with Thrive Architect (Leads, Theme Builder, etc)

WordPress does not natively support the use of Scalable Vector Graphics (SVG). Therefore, Thrive Architect, Thrive Leads, Thrive Theme Builder, etc., can't use SVG. In this post I'm going to show you how to enable the use of SVG in WordPress as well as in Thrive Architect and the other Thrive Themes plugins.

Why Use SVG?

SVG image in wordpress

This image is an SVG added with Thrive Architect

You may be wondering why bother using SVG at all? I was right there with you until a year or so ago. SVG are awesome because they are images that can scale to any size yet have a super small file size.

Smaller file sizes are way better for your website speed (which means better for the user and for Google). Sharp, crisp images that never lose image quality are also way better looking. No one likes pixelated, fuzzy, or artifact-laden images.

Enable the Use of SVG with Safe SVG Plugin

The reason we can't use SVG natively in WordPress is because they are inherently more vulnerable because they are XML-based. In order to avoid that vulnerability, we're going to use a plugin that safely sanitizes the images of those vulnerabilities.

Head over to the WordPress plugin repository and search "SVG". install and Activate the "Safe SVG" plugin.

That's it! Seriously, that's all there is to it. Now you can use SVG images like you would any other images on your website.

If you have any questions about getting SVG to work with WordPress or Thrive Architect, please feel free to leave a comment.

  • Jose says:

    Thank you for this post!

    That’s exactly what I was looking for. Thrive Theme Builder still doesn’t accept SVG files when using the dashboard, but it works with Thrive Architect.

  • Rondall says:

    This is good information. I was hoping to be able to change my logo to SVG but theme builder still doesn’t allow that.

    • Doug says:

      Instead of using the logo element use an image element instead. Should work fine that wa y.

  • Ryan says:

    I have an svg that was built with some hotlinks in some different areas of the image. WordPress doesn’t seem to want to allow those links when I insert the image into the page, but if I load just the image, the links work. Any thoughts?https://hintonbuildings.com/wooden-buildings/ The map of North Carolina is the SVG.

    • Doug says:

      For safety, SVGs are sanitized. You’ll want to use an image map plugin like imagemappro to create something like that.

  • >