Hi there,
Can you please help me with this issue. I have embedded a code into my site which connects through to a 3D Visualiser of a couch.
Site: https://www.sjkinteriors.co.nz
Unlinked page which has the issue: https://www.sjkinteriors.co.nz/3d-visualiser
Unfortunately the button to click into the 3D Visualiser does not align with the specific box that I want it to and ends up pinned at the bottom of the page. This then overlaps with the other couches 3D Visualiser ... which means we cannot click into the other one.
The code the company gave me to input this into our site is the following:
Verona:
<!-- Furniture Visualiser -->
<script charset="utf-8" type="text/javascript"
src="//www.jamesdunloptextiles.com/static/j/visualiser/visualiser.js"></script>
<script>jdVisualiser({"buttonTextColour": "#000000", "buttonBackgroundColour": "#FFFFFF",
"buttonPosition": "center", "profile": "verona", "type": "furniture"})</script>
Urban:
<!-- Furniture Visualiser -->
<script charset="utf-8" type="text/javascript"
src="//www.jamesdunloptextiles.com/static/j/visualiser/visualiser.js"></script>
<script>jdVisualiser({"buttonTextColour": "#000000", "buttonBackgroundColour": "#FFFFFF",
"buttonPosition": "center", "profile": "urban", "type": "furniture"})</script>
I have attached a screenshot of what I want it to look like - which is what it looks like before I exit the editing mode...
Is this an issue with the embedded code itself or do I need to troubleshoot it somehow?
Please help!!
Thank you.