3 comments found.
Is it possible to move the spline animation somewhere else? Like at the bottom of the page for example?
Hi, and thank you for showing interest in my work!
Yes, it’s definitely possible to move the Spline animation to another position, like the bottom of the page. However, it would require some code customization to make sure it looks good and functions properly. This customization would come at an additional cost of $50.
I found the robot from the Spline 3D community. Is it copyrighted for production use?
Hi and thanks for purchasing my template! The 3D robot model is free to use for production without any restrictions. Let me know if you need anything else!
How to replace 3D robot model?
You want to replace it with different Spline element or with something else ?
Yes, I want to be able to update the Spline code, including replacing the 3D robot model and adjusting the color shading, as I’m using a different color scheme instead of the current black.
To replace the 3D robot model in your HTML file with a different Spline element, follow these steps:
1. Replace the Existing Spline URL Locate this part in your HTML:
<script type="module" src="https://unpkg.com/@splinetool/viewer@1.3.5/build/spline-viewer.js"></script>
<spline-viewer url="https://prod.spline.design/AqtlWJlNbO-ZMkvz/scene.splinecode"></spline-viewer>
Replace the URL inside <spline-viewer> with the new Spline project URL.
Example:
<spline-viewer url="https://prod.spline.design/YOUR-NEW-SPLINE-MODEL/scene.splinecode"></spline-viewer>
2. Update Colors & Shading If your new model has different colors or shading, you need to adjust it inside Spline before exporting it. Alternatively, if your Spline project allows editing parameters via JavaScript, you can modify the styles dynamically.
3. Customize the Viewer Appearance (Optional)
You can add some styling to ensure the model fits your design. Modify CSS if necessary:
.robot {
width: 100%;
height: 500px; /* Adjust height based on your layout */
display: flex;
justify-content: center;
align-items: center;
}
spline-viewer {
width: 100%;
height: 100%;
background-color: transparent; /* Set a background color if needed */
}
4. Verify and Test
Save the file and reload your page.
Ensure the new Spline model appears correctly.
Adjust the background color or styles if needed.
Hi,
If you ever need help with HTML/CSS/WordPress customizations or a full website setup, I offer services at affordable rates.
Feel free to message me on WhatsApp: +38349651210.
– Faton
Congratulations GLWS 
thank you
