tuanphan

I see sticky sections work fine here. Did you solve this? You can use [data-section-id] instead. It is similar with #page-id. The ID Finder Tool will show data-section-id. As far as I know it can't find #page-section-id.

Don't share login info public. Just share access password only. When I customised the captions to show on hover with a semi-transparent black box behind covering 100% of the image, the image link no longer works... Which code did you use? We can tweak it easier.

Can you share link to page where you use gallery? We can check easier

Hi. Can you describe the desired header layout? We can help easier

Try access this link & check again https://nonagon-raccoon-mahm.squarespace.com/config/safe This link will disable Code Block on Editing Mode.

Add buttons, then add this code to Design > Custom CSS to turn button link to image & make buttons invisible /* Make list images clickable */ li.list-item { position: relative !important; } .list-item-content__button-container { position: absolute !important; top: 0; bottom: 0; left: 0; right: 0; } a.list-item-content__button.sqs-block-button-element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; color: transparent !important; background-color: transparent !important; }

Replace your code with id #block-id { padding: 0 !important; } Use this free tool to find id. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

I think someone will need this, so bump up 😆

Depend your template. Each template will need a different code to remove header. If you share link to your site, we can check easier You can also check this post

You mean top video on homepage? https://pelican-begonia-7556.squarespace.com/?noredirect

Home > Design > Lock Screen Or add this code to Settings > Advanced > Code Injection > Lock Page <style> p, h1, a { color: white !important; } </style>

The code should be insert to Settings > Advanced > Code Injection > Footer

Use this CSS /* Video fullbleed */ [data-section-id="6061cd1dc2b0965023445946"] .content-wrapper { max-width: 100%; padding-left: 0 !important; padding-right: 0 !important; }

You try contacting SS Customer Care for this. Then when you fixed it, we will check crop problem

Can you disable scroll? We can check easier Which icon you want to add?

Hi. What is password?

You mean Header under banner (homepage only) Keep header sticky to top on scroll? Is this right?

To make them side by side, you will need to use float. I think I have some better ideas to achieve it. I just sent you a private message

Add to Design > Custom CSS /* remove white bottom */ .Mobile-bar.Mobile-bar--bottom { display: none !important; } body { margin-bottom: 0 !important; }

It looks like you figured it out?

Use this code div.button-block a { background-color: transparent !important; background-image: url(https://static1.squarespace.com/static/6296597a72211429ea2f8b50/t/62a6184fc5fe2f1af456f63d/1655052367473/Untitled+design+%2823%29.png) !important; background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important; }

Try this new code <script> $("div#block-5f739344ad87578c7e22 .summary-item").click(function(){ window.location=$(this).find(".summary-title-link").attr("href"); return false; }); </script> <style> div#block-5f739344ad87578c7e22 .summary-item:hover { cursor: pointer; } </style>

Add a Code Block under Welcome to... text > Paste this code <a href="#" class="sr-button style-3 button-medium" target="_self"><span class="text"> <span>Learn more about who we are and what we do</span> <span>Learn more about who we are and what we do</span> </span></a> <style> .sr-button.style-3 { background: none; padding: 0 !important; border-bottom: 1px solid rgba(0,0,0,0.11) !important; border-radius: 0; } .sr-button.style-3 { color: #fff !important; border-color: rgba(255,255,255,0.28) !important; } .sr-button.style-3.button-medium { line-height: 24px; height: 24px; } .sr-button .text { display: inline-block; overflow: hidden; position: relative; line-height: 20px; height: 20px; z-index: 1; margin-top: 10px; vertical-align: top; } .sr-button .text span { display: inline-block; line-height: 20px; height: 20px; -webkit-transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995); -moz-transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995); -o-transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995); transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995); -webkit-transition-timing-function: cubic-bezier(0.195, 0.290, 0.045, 0.995); -moz-transition-timing-function: cubic-bezier(0.195, 0.290, 0.045, 0.995); -o-transition-timing-function: cubic-bezier(0.195, 0.290, 0.045, 0.995); transition-timing-function: cubic-bezier(0.195, 0.290, 0.045, 0.995); } .sr-button:hover .text span { transform: translateY(100%) !important; } .sr-button .text span:not(:first-child) { position: absolute; top: -100%; left: 0; } </style>

Add to Design > Custom CSS @media screen and (max-width:750px) { .image-caption { margin-top: 0px !important; } }

The url doesn't work. Can you check it again?