How To Custom All The Default Svg?
Samuel Desloges
Hello JoomShaper Team,
We are currently using the Artolio template and wish to customize certain SVG elements (shapes, icons, built-in graphic decorations).
Could you please advise on the best approach to modify these SVGs in a clean and sustainable way, without risking the template’s stability in future updates?
Ideally, we would appreciate a detailed tutorial, covering:
step-by-step guidance,
which files to touch,
recommended best practices.
Additionally, could you recommend a suitable application or tool to create or edit SVG images that work well with Artolio?
Thank you very much for your help and support.
Best regards,
Toufiq
Accepted AnswerHi there,
Thank you for reaching out, and I apologize for any inconvenience caused by this oversight. Best practise is to keep backup of your images directory of your template befor update the template.
/templates/shaper_artolio/images/
SVG editing means? Can you explain more details?
Recommended Tools
Free Options: Inkscape, Figma
Premium: Adobe Illustrator
I appreciate your cooperation and will ensure to get back to you as soon as possible.
Best regards,
Toufiqur Rahman (Team Lead, Support)
Samuel Desloges
Accepted AnswerHi Toufiq,
For example, here https://demo2.joomshaper.com/2025/artolio/index.php/about-us , to change the SVG Shape Overlay of the parallax under the text : "We’re a small team of designers and strategists turning ideas into impactful, scalable digital experiences through thoughtful design."
Thanks.
Toufiq
Accepted AnswerWe have used the webp image with fixed position this seatings.
Samuel Desloges
Accepted AnswerOk to change the picture but that i don't understand is how to change the shape cut over these picture and wich tool to create or modify webp.
I don't know if you see my problem.
Toufiq
Accepted Answer
Samuel Desloges
Accepted AnswerI’ve found both the SVG and the CSS in SP Page Builder. The easiest way now is to modify the SVG with my own shape, right? Can I easily rename the SVG file?