Ziggy

They're cropped to a completely different aspect ratio, that's why they appear different. They are inherently different size/aspect which I'm sure isn't helping you!

Can you share your website URL and the location of this newsletter block?

You can adjust the height in the section settings.

You would need to use an external calendar to effectively use it across two websites.

Could you not just use a code block with a styled <hr>? https://www.w3schools.com/tags/tag_hr.asp

Here's your code with some corrections, a major one being this text which is not appropriate to just be dropped in to custom css: https://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otfhttps://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otfhttps://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otfhttps://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otfhttps://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otf There were also missing closing curly brackets and misplaced brackets. @font-face { font-family: 'OPTIBakerDanmarkOne'; src: url('https://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otf');} custom { font-family: 'OPTIBakerDanmarkOne'; } h1 { font-family: 'OPTIBakerDanmarkOne'; } h2 { font-family: 'OPTIBakerDanmarkOne'; } h3 { font-family: 'OPTIBakerDanmarkOne'; } h4 { font-family: 'OPTIBakerDanmarkOne'; } .collection-type-products .grid-title { font-family: 'OPTIBakerDanmarkOne'; } /* Product title font */ h1.ProductList-title, h1.ProductItem-details-title { font-family: 'OPTIBakerDanmarkOne' !important; } @media only screen and (min-width: 641px) { #collection-61b4d4bad005f33f5c742c0c { #page .page-section:nth-of-type(2) { /*second second on the left*/ width: 45%; min-height: 80vh; align-items: center; float: right; } } } @media only screen and (min-width: 641px) { #collection-61e3126680afe51b5a5aaec2 { #page .page-section:nth-of-type(2) { /*second second on the left*/ width: 45%; min-height: 80vh; align-items: center; float: right; } #page .page-section:nth-of-type(3) { /*third section on the right*/ width: 55%; min-height: 80vh; align-items: center; } #page .page-section:nth-of-type(4) { /* forth section full width again */ clear: both; } } } @media only screen and (min-width: 641px) { #collection-61f06508f54d9138d8d1fff4 { #page .page-section:nth-of-type(2) { /*second second on the left*/ width: 45%; min-height: 80vh; align-items: center; float: right; } #page .page-section:nth-of-type(3) { /*third section on the right*/ width: 55%; min-height: 80vh; align-items: center; } #page .page-section:nth-of-type(4) { /* forth section full width again */ clear: both; } } } @media only screen and (min-width: 641px) { #collection-61b4d4bad005f33f5c742c0c { #page .page-section:nth-of-type(5) { /*second second on the left*/ width: 45%; min-height: 80vh; align-items: center; float: right; } #page .page-section:nth-of-type(6) { /*third section on the right*/ width: 55%; min-height: 80vh; align-items: center; } #page .page-section:nth-of-type(5) { /* forth section full width again */ clear: both; } } } @media only screen and (min-width: 641px) { #collection-61e3126680afe51b5a5aaec2 { #page .page-section:nth-of-type(5) { /*second second on the left*/ width: 45%; min-height: 80vh; align-items: center; float: right; } #page .page-section:nth-of-type(6) { /*third section on the right*/ width: 55%; min-height: 80vh; align-items: center; } #page .page-section:nth-of-type(4) { /* forth section full width again */ clear: both; } } } @media only screen and (min-width: 641px) { #collection-61a36d3b3ed02a77d10ca846 { #page .page-section:nth-of-type(2) { /*second second on the left*/ width: 50%; min-height: 80vh; align-items: center; float: right; } #page .page-section:nth-of-type(3) { /*third section on the right*/ width: 50%; min-height: 80vh; align-items: center; } #page .page-section:nth-of-type(4) { /* forth section full width again */ clear: both; } } } /* Product details page logo */ body.collection-type-product.view-item .Header-branding-logo { filter: invert(1); -webkit-filter: invert(1); } #cart .header-title-logo img { filter: brightness(0) invert(0); } body.collection-type-products.view-item .header-announcement-bar-wrapper { background-color: #D9E2F7 !important; }

Can you share your website URL? What font are you using?

The size of the block is determined by the form size not the post-submit message.

There is no versioning available, my post was out of date.

This can happen if the embed requires you to whitelist domains it can show up on.

I don't see a scrolling block on your website.

Can you share your website URL? Do you have any custom coding?

Use this in Custom CSS: #collection-662706eb09ae990a9dd9f175 { #header { display:none; } .color-overlay { display: none; } }

It sounds like you have an error, possibly in browser cache, you can clear that and see if it helps: https://squarefortytwo.com/squarespace-guides/loading-editing-issues-on-squarespace-clear-browser-cache Alternatively, contact Squarespace Support for direct support on your website: https://support.squarespace.com/hc/en-us/requests/new#choose-topic

In fact this hidden social block is causing white space on every page so you might want to figure out what it is and why it's there, then where it is and potentially remove it.