Jump to content

Embed objects are cropped

Recommended Posts

Posted

I'm not sure why my embed objects are being cropped instead of scaling to their containers. Does anyone have a solution? 

I've been trying to get 3d objects on my website, using Spline and Sketchfab. The Sketchfab model is set to a specific size because it also had the issue I'm running into with the spline 3d model I added. 

I know this is possible. I'm just not sure if this issue is with my site or how I'm embedding these objects. 

https://my.spline.design/calculatorcopy-22064c0888bf54b13722c6d9c47dc708/

  • Replies 8
  • Views 4.1k
  • Created
  • Last Reply

Top Posters In This Topic

  • 1 month later...
  • 4 months later...
Posted (edited)

@sasankayyodI got here because my Sketchfab embed was cropping, what worked for me was custom CSS that set the width and height based off the ID of the code block.

<style>
.sketchfab-embed-wrapper iframe {
    width: 100%;
    height: 500px; /* or any other height */
}
</style>

Edited by LocalPlantSupply
tag
  • 2 months later...
Posted

Hello,

I can't get this map to size correctly with the code I'm using.  Any help would be greatly appreciated.

<iframe width="100%" height="100%" src="https://maps.propertycapsule.com/embed-app/index.html?m=e153ab98-90a9-4d8a-a70b-5499e38ee72b" frameborder="0" allowfullscreen></iframe>

Screenshot 2024-03-14 at 11.14.41 AM.png

Posted
On 3/15/2024 at 12:02 AM, colewlisa said:

Hello,

I can't get this map to size correctly with the code I'm using.  Any help would be greatly appreciated.

<iframe width="100%" height="100%" src="https://maps.propertycapsule.com/embed-app/index.html?m=e153ab98-90a9-4d8a-a70b-5499e38ee72b" frameborder="0" allowfullscreen></iframe>

Screenshot 2024-03-14 at 11.14.41 AM.png

Can you share link to this page?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

  • 2 months later...
Posted
On 6/1/2024 at 6:42 AM, BlancacA said:

Hello, I also can't adjust the size of the embedded code I had from Spline. this is the link that I had issue with. Thanks

https://blancawhiteblanc.squarespace.com/aar-1

<iframe src='https://my.spline.design/iphone14procopy-7f422bb1ea6a74ca87777b2e6711011d/' frameborder='0' width='100%' height='100%'></iframe>

You mean it cut off here?

image.thumb.png.973f1d885ee359919095e9006c9a3cfc.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.