22 Comments

  1. Elsa Pakopoulou
    March 3, 2021 @ 8:36 pm

    I managed to upload an SVG without the plugin (I will end up using it though) and got a metadata string. Any ideas on how to save the SVG in Illustrator to avoid it (the metadata)? Thanks

    Reply

  2. springtide99
    March 3, 2021 @ 8:36 pm

    I kept bumping into SVG files lately but didn't understand what they were. What a revelation! Thanks for this video…just what I needed.

    Reply

  3. Kathryn Acevedo
    March 3, 2021 @ 8:36 pm

    Im having trouble uploading the SVG image into elementor. It's stuck, as if the size is too large. I tried SVG tiny 1.2, didn't help. Any tips on this?

    Reply

  4. Gareth Wynn
    March 3, 2021 @ 8:36 pm

    Thanks for the walkthrough on SVG graphics within Elementor. I have a few sites that use the logo as svg, however, they don't show up in Firefox. Highly annoying. Would you know a fix for this?

    Reply

  5. Niko
    March 3, 2021 @ 8:36 pm

    This is great! Right now I'm creating a logo design portfolio website, for sure ill use SVG !

    Reply

  6. Shirleytin_2020
    March 3, 2021 @ 8:36 pm

    amazing content! thank you a lot!

    Reply

  7. Florian Unterberger
    March 3, 2021 @ 8:36 pm

    Thanks for the great vid! For some time I'm trying to replace animated gif/video files by animated SVGs in my WordPress/Elementor website. My current workflow:
    1.) I generate them with Adobe After Effects and export JSON files with the AE-plugin Bodymovin.
    2.) Afterwards I import them with the WordPress plugin Bodymovin. This generates a shortcode that can be used in WordPress pages/posts.
    3.) But my problem is, that my sliders only accept real photo or video files and do not provide any possibility to use shortcodes instead.

    I would be infinitely grateful to find a solution for that!

    Reply

  8. andré kremmer
    March 3, 2021 @ 8:36 pm

    Thanks for that, but still have a further question. How to create the svg so I can change the color in elementor later on..for ex.. a logo in 1 color

    Reply

  9. Susan Gertz
    March 3, 2021 @ 8:36 pm

    Will this work the same for animated svg?

    Reply

  10. Pelle Karlsson
    March 3, 2021 @ 8:36 pm

    Great video Paul! where did you get the border-image, where can I download it?

    Reply

  11. Tatah Chi
    March 3, 2021 @ 8:36 pm

    How can we do this using css hero rather than writing the css ourselves?

    Reply

  12. Tony Lopez
    March 3, 2021 @ 8:36 pm

    I miss Elementor, but too bad it’s not compatible for government use. It fails 508 compliance hard unless you have a dev team who can comprise custom code to work, including not being IE compatible (government still uses IE).

    Reply

  13. Nikki Swart
    March 3, 2021 @ 8:36 pm

    Would there still be a security risk if I make my own SVG graphics in something like Adobe illustrator?
    And thanks for the awesome videos you make! One of my favorite channels 😁

    Reply

  14. ANANTHU T. THILAKAN
    March 3, 2021 @ 8:36 pm

    [help] thanks for tutorial , succesfully added svgs to website , but gtmetrix waterfall show high amount of blocking time for svg images
    and gtmetrix show compressed size of image is way less than original svg . Can i do anything to reduce this bloacking time

    Reply

  15. James Joseph Finn
    March 3, 2021 @ 8:36 pm

    Hey brother, I don't think you need SafeSVG with Elementor, as Elementor handles the sanitization/compression, as well as media library compatibility.

    Reply

  16. Donald Sims
    March 3, 2021 @ 8:36 pm

    Very thorough and, more importantly, easy to follow. Thank you.

    Reply

  17. Richard Dirksen
    March 3, 2021 @ 8:36 pm

    Great vid again. Just back from holiday with new and fresh inspiration. My partner asked me "how do you bring those inspiration to live?" No worries, I answered, Paul always provides workable tools and ideas in order to start. As ever you are such a great help. Thank you!

    Reply

  18. Verbal Wound
    March 3, 2021 @ 8:36 pm

    Great video, I learned a lot from you from many of your videos. I recently followed your smart slider 3 tutorial and implemented it on my website, do you think I need to use svg format file for the slider as well?

    Reply

  19. Gary Elley
    March 3, 2021 @ 8:36 pm

    Yet another great tutorial Paul. At 21:06 you pointed out the impact on file size when you convert a complex font to curves, commenting that the increase in the case of the logo you were working with made it impractical.

    You then went on to demo the deployment of that logo without converting the text to curves. Am I right in assuming that is something you would not do in practice (since few users would have that font installed)?

    Reply

  20. Martin Small
    March 3, 2021 @ 8:36 pm

    If I’m creating the SVGs myself in Illustrator would they be safe to import?

    Reply

  21. Danial Tahir
    March 3, 2021 @ 8:36 pm

    I want to create a gallery for my site, basically its a remodeling company, I wanted to use a plugin that shows or something a customber can click thats hows before & after images, any recomendations on what plugin i should use

    Reply

  22. Twirl Digital
    March 3, 2021 @ 8:36 pm

    Thanks Paul, always very informative and excellent at presenting in an easy to take in the info delivery. Helpful as always!

    Side note – what image resource site/ directory were you using for your vector towards the beginning of the video.

    Thanks again!

    Reply

Please Login to post a comment

X

Forgot Password?

Join Us