tuanphan

You mean change Pinterest default icon to a button like your screenshot?

You mean Initial: Show an image, text and a white overlay Hover: Show image, hide text, hide overlay If yes, it is possible You want to do this on 7.0 or 7.1? Each version has a different solution.

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

Can you share link to homepage? We can check easier

You can Google with keyword: Image Map

Try this CSS code div.video-block video { object-fit: cover !important; }

Can you share link to page?

Note: background-attachment: fixed won't work on iOS, I don't see a way to fix this.

You mean the order will be Language Nav items (but Login will be first item) Social Icons ?

What is password?

Disable this option

Try a CSS code like this .vertical-line { background: #fff; width: 1px; height: 300px; margin: 0 auto; position: relative; top: -50px; }

You can use this code to Website > Website Tools > Code Injection > Footer to make banner slideshow autoplay. <!-- Auto Scroll Layout Sections from Will-Myers.com --> <script> (function(){ let playInBackend = true, timing = 3, section = '', direction = 1; //1 = forwards, 0 = backwards /*Do not Adjust below this line*/ function AutoScrollLayout(e){e=""==e?document.querySelector(".user-items-list-section"):document.querySelector(e);let t,n,o,i,c,r=!1,s=e.querySelectorAll('button[class*="__arrow-button"]');function d(){t=setInterval(u,n)}function u(){o=document.querySelector("body.sqs-edit-mode-active"),i=document.querySelector(".sqs-modal-lightbox-open"),r||o||i||!c||s[direction].click()}n=1e3*timing;if(document.addEventListener("visibilitychange",function(){r=!!document.hidden}),["mousedown","touchstart"].forEach(t=>{e.addEventListener(t,function(){r=!0})}),["mouseup","touchend"].forEach(n=>{e.addEventListener(n,function(){r=!1,clearInterval(t),d()})}),window.IntersectionObserver){new IntersectionObserver((e,t)=>{e.forEach(e=>{c=!!e.isIntersecting})},{rootMargin:"-75px 0px -75px 0px"}).observe(e)}s[direction]&&d()}window.addEventListener("load",function(){let e=new Array;e.push(section),section.includes(",")&&(e=section.split(",")),e.forEach(e=>{(window.top==window.self||window.top!==window.self&&playInBackend)&&new AutoScrollLayout(e)})}); }()); </script>

If you share link to both pages, we can help easier

Use this CSS code under <style> div.header-nav-item, div.header-nav-item a { opacity: 1 !important; } </style>

You can contact Squarespace Customer Care to duplicate this site.

You can create a blank page > Add a Gallery Section > Upload all icons there > Save > Right click on Icon > Copy Image Address URL.

With list page, use this CSS code li.eventlist-meta-item.eventlist-meta-address.event-meta-item { display: none !important; }

You can use this code to Website > Website Tools > Custom CSS section#content { padding-top: 10px !important; padding-bottom: 10px !important; }

Yes. In this position?

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

First, change fixed to absolute, something like this #footer-sections .page-section:nth-child(1) { position: absolute; top: 0 !important; z-index: 9999999; width: 100% !important; height: auto !important; } next, remove position relative of footer by adding this CSS code under your code footer.sections { position: static !important; }

I added an answer here

You can use this code to Website > Website Tools > Custom CSS .user-items-list-item-container[data-section-id="66221901f3557d3bbd478851"] .slide-content { position: relative; top: -50px; }

You want to resize and stacked it or keep it same as on desktop?