Despina

Hi everyone. Is there a solution to align this?

Hello @tuanphan, I would also like to add looping pagination to my portfolio for the website https://hystudio.squarespace.com/config/pages password: hystudio This is portfolio I'd like to loop https://hystudio.squarespace.com/config/pages/65d4dc69869f281d0a75c959

I would like all the assets including text and images to stop scaling at a specific width so that the content is not too big on larger screens. I am okay with there being some margin on either side as a result.

Hello, I am trying to set a maximum scaling size to a website I am designing and have tried some code options but none have worked. Is there a way to make sure all text and content stops scaling at a specific width? This is the code I am working with so far: #site{ max-width: 1920px; /*Adjust here.*/ margin-right: auto; margin-left: auto;} //limit nav/logos/titles .header-inner { max-width: 1920px; /*Adjust here.*/ } siteurl: https://hystudio.squarespace.com/ pwd: hystudio

Great list @tuanphan! I need No 14 but i have many accordion blocks in the site. it would be very helpful if there is a way for a specific section or block. also when I edit the size of the image it doesn't change in all but only in one accordion block

OK I found it. "Enable scripts" . Οne more question please. When the site is live, my client will be able to do the same for possible editing?

Τhanks, now it works for editing but when Ι exit the edit mode the code still doesn't work.

Hello there, I put this code in the homapage code injection and when I go to edit the page the edit bar is out of the section and I can't get to it. When I remove the code the problem is gone. Is there any solution? <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://d1j8mu9lowy9zf.cloudfront.net/twcsl/0.2.2/twcsl.js"></script> <script> document.addEventListener("DOMContentLoaded",function() { const header = document.getElementById('header'); const firstSection = document.querySelector('.page-section:first-child'); firstSection.after(header); }); </script> <style> @media screen and (min-width: 768px) { #header { position: sticky; top: 0; display: none; } main .page-section:first-child + #header { display: block; } main .page-section:first-child { min-height: calc(100vh - 93px)!important; } } </style>