SVGator animation to Code Block

Hi,

I did an javascript animation in SVGator. It is in 1:1 format ... but when I paste the code in CODE block the format changes. It seems like SQSP adds blanc space under the image and changes the height of the section. 
Does anyone have the same problem or a solution?

A Html programmer I got to help me could not solve the problem.

Attached is a screenshot with explaination.

https://app.svgator.com/

has sample animations in 1:1 format

Thanks, hope someone can help:)

Orn Smari

Add this to Custom CSS:

html.squarespace-damask .sqs-blockStatus {
    display: none !important;
}

It should hide the warning messages and allow you to correctly size the block.

Hi Ziggy!
thanks for your input. 

I put that code in Custom CSS, it lifted the "Script Disabled" and the frame is shorter but still not 1:1. It might be enough to work. Hope so:)

Thanks!

Orn Smari  

Can you share link to page where you have problem? We can check easier

Thanks!

the link is: https://chihuahua-magenta-ypjc.squarespace.com/animation-test

passw: 20sitting23

Best 

Orn Smari

On 2/12/2023 at 8:40 PM, Clover said:

Thanks!

the link is: https://chihuahua-magenta-ypjc.squarespace.com/animation-test

passw: 20sitting23

 

Best 

Orn Smari

You mean remove this blank?

Thanks !

Yes, exactly,

There is always a large blanc space added below the image so I can´t have the Section height smaller than the image frame, that should be in 1:1 format.

On 2/15/2023 at 9:13 PM, Clover said:

 

Thanks !

Yes, exactly,

There is always a large blanc space added below the image so I can´t have the Section height smaller than the image frame, that should be in 1:1 format.

 

You can consider using Classic Editor Section for this case

Or add this into Code Block

<style>
  .fe-63e8e9ff4f34bb4d295b8548 {
    grid-template-rows: repeat(5,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)) !important;
}
</style>

Thanks tuanphan

I'm not sure if I understand you right. I tried somethings but ran out of time so I have to try harder:)