SVG Tutorial For Beginners – WordPress & Elementor
SVG Tutorial For Beginners - WordPress & Elementor
SVG Tutorial For Beginners – WordPress & Elementor. A great starting point for those new to SVG Images and how to use them in WordPress and Elementor …
source
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
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.
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?
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?
March 3, 2021 @ 8:36 pm
This is great! Right now I'm creating a logo design portfolio website, for sure ill use SVG !
March 3, 2021 @ 8:36 pm
amazing content! thank you a lot!
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!
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
March 3, 2021 @ 8:36 pm
Will this work the same for animated svg?
March 3, 2021 @ 8:36 pm
Great video Paul! where did you get the border-image, where can I download it?
March 3, 2021 @ 8:36 pm
How can we do this using css hero rather than writing the css ourselves?
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).
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 😁
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
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.
March 3, 2021 @ 8:36 pm
Very thorough and, more importantly, easy to follow. Thank you.
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!
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?
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)?
March 3, 2021 @ 8:36 pm
If I’m creating the SVGs myself in Illustrator would they be safe to import?
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
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!