tuanphan

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

The site is private, we can't access it. Can you setup an access password?

You should contact plugin author first, hope they will have a good suggestion.

Can you share link to this page? We can check easier

Hi, Can you share link to this page? We can check easier (But the easiest way is equal image size before uploading to site)

The easiest way is you add 2 Nav Items: Phone, Email, then we can give code to Move it to right of header + make them appear in 2 lines Or we can use code to add Phone, Email, but you need a Business Plan or higher. What do you think?

I tried some code but no luck. If you want to show 2 items/row, we can help

Hi, I don't know this. It requires complex CSS + JavaScript code. I usually add 2 Summaries then show 1 on desktop, show another on mobile

Add to Design > Custom CSS a.grid-item:hover .grid-image { filter: blur(1px); } .portfolio-overlay { opacity: 0 !important; }

Hi, You mean you want to achieve current site with CSS only, no JavaScript? I haven't tried, but I think some below are possible with CSS + Menu at bottom of screen + Start icon + Time - You will need to use JavaScript, because CSS can't achieve running time + Click Start >> Show Menu bar with links + icon

Add to Design > Custom CSS /* Pagination title */ h2.item-pagination-title { display: none; } .item-pagination-prev-next { display: block !important; }

Did you use Shift Enter when enter new line? Because you used that, so difficult to solve problem. See this video You can recreate the text, and use Enter to break the line Then make first text bold - next italic Then let me know, we will check & give the new code

Can you share your site url?

It still works to me. Here I used Image, but you can design a colored image & add to the code You can see this new guide

Try this code, if it works, we will give code for other items https://seabass-hexahedron-tcln.squarespace.com/the-bad-directory-base/category/BAD+Business+Member Add to Code Injection > Footer <script> if (document.location.pathname.indexOf("/the-bad-directory-base/category/BAD+Business+Member") == 0) { document.querySelector('body').classList.add('bad-business-member') } </script> <style> .bad-business-member .archive-group-name-link[href*="BAD+Business+Member"]:before { content: ''; position: absolute; height: 2px; background: #fdc35a; top: 50%; white-space: pre; width: 100%; } </style>

You can add 2 sections, then we can give code to make them side by side, and use code to add an image between 2 sections

Add to Design > Custom CSS .gallery-reel { padding: 2vw !important; }

If you share link to page, we can check class name for you

Try this code on Code Block 2 <div class='container2'> <div class='img background-img'></div> <div class='img foreground-img'></div> <input type="range" min="1" max="100" value="50" class="slider" name='slider' id="slider2"> <div class='slider-button'></div> </div> <style> .container2 { position: relative; width: 900px; height: 600px; border: 2px solid white; } .container2 .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 900px 100%; } .container2 .background-img { background-image: url("https://i.imgur.com/s08MkXC.jpg"); } .container2 .foreground-img { background-image: url("https://i.imgur.com/PfIWek4.jpg"); width: 50%; } .container2 .slider { position: absolute; -webkit-appearance: none; appearance: none; width: 100%; height: 100%; background: rgba(242, 242, 242, 0.3); outline: none; margin: 0; transition: all 0.2s; display: flex; justify-content: center; align-items: center; } .container2 .slider:hover { background: rgba(242, 242, 242, 0.1); } .container2 .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 6px; height: 600px; background: white; cursor: pointer; } .container2 .slider::-moz-range-thumb { width: 6px; height: 600px; background: white; cursor: pointer; } .container2 .slider-button { pointer-events: none; position: absolute; width: 30px; height: 30px; border-radius: 50%; background-color: white; left: calc(50% - 18px); top: calc(50% - 18px); display: flex; justify-content: center; align-items: center; } .container2 .slider-button:after { content: ""; padding: 3px; display: inline-block; border: solid #5D5D5D; border-width: 0 2px 2px 0; transform: rotate(-45deg); } .container2 .slider-button:before { content: ""; padding: 3px; display: inline-block; border: solid #5D5D5D; border-width: 0 2px 2px 0; transform: rotate(135deg); } </style> <script> $("#slider2").on("input change", (e)=>{ const sliderPos2 = e.target.value; // Update the width of the foreground image $('.foreground-img').css('width', `${sliderPos2}%`) // Update the position of the slider button $('.slider-button').css('left', `calc(${sliderPos2}% - 18px)`) }); </script>

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

Add it here?

Add to Design > Custom CSS /* Mobile Slideshow Gap */ @media screen and (max-width:767px) { .gallery-slideshow { margin: 0 !important; padding-top: 0 !important; } .fe-6490c89f2289d0d04a66ffeb { row-gap: 0 !important; } }

Use this code .header-title-logo a:after, .header-mobile-logo a:after { content: "BUILDING DESIGN"; display: block; font-size: 16px; font-family: eurostile-extended; letter-spacing: 15px; margin-top: 15px; font-weight: normal; text-align: left; margin-left: 14px; }

Which code are you referring to & What is your site url?

If you have problem, you can post on this category https://forum.squarespace.com/forum/39-customize-with-code/