Today, you will learn how to add SVG image files on Elementor-built pages with the help of Inline SVG widget.
Please, note that this widget is a part of JetElements plugin, so first of all, you need to install this powerful Elementor add-on. After the process is completed, just open your WordPress Elementor website and proceed with the step-by-step instructions below.
- Type in “SVG” in the search line on the Elements Panel.
- After that, grab the widget and drop it on a new section on the right.
- Then you will see simple content settings on the left.
- Click on the empty space to add your SVG file – just upload it from the opened Insert Media library.
- To make it clickable, add the URL in the field under SVG.
- Then go to the Style section. Here you can enable using custom width and scale the image.
- If you toggle the Use Aspect Ratio option to “no” you’ll be able to change the width and the height manually.
- And if you want to retain the original aspect ratio of the SVG file, simply toggle this option to “yes”. In this case, you will move this image only up and down and the original aspect ratio still stays the same. Only the size of the entire image will be changed.
- The next option will allow you to use custom colors for your image. Please note that it depends on the type of SVG file you have and the number of colors.
- However, in the screenshot above, you can see that you can set one color to the entire SVG image.
- If you’ve got a logo that has only one color this option will bring a really interesting effect to your page.
- The other option you’ll see is Remove Inline CSS. It allows deleting inline styles in the loaded SVG.
- Also, in this block of settings you can set the alignment: left, center, or right.
Congratulations! You’ve added an SVG image to your page with the help of JetElements plugin. If you have questions about any other widgets from this plugin, just write them down below in the comments.
Jessica spends 12 hours a day on the internet managing security for web assets and loves her macha tea