april44

Thanks @creedon🙏 Recover itself would be nice I guess Squarespace isn't that sophisticated yet💁‍♀️ And shame it did break all the codes, I suspected when a few things went awry at once

Thanks @Lesum Yes I'm not a coder myself, I've found code on others sites who share it, guess they still have something to learn😊 And yes I always add the new codes at the bottom! ✅

Omg @Lesum😲 I dont know WHAT you did. But Whatever you did, not ONLY has the error disappeared, but my 'banner shrink' is now working again! PLUS my Cookie Banner has gone back to my website blue!😯🙏💖🙌🔥This has been SUPER frustrating🙏 I would LOVE to know where the error was. Also wondering if one error in the entire code (ie one "missing closing }") will break all codes, ie the reason why my cookie banner was no longer blue and why my banner shrink stopped working🤔 Thank you SO so much again 💯🙌

I'm still getting that "missing closing }" error, unsure if it's whats causing my "shrink header" code not to work But going through the 'process of elimination', I found it's the very last code thats got the error (ie, it was when I Removed this code, that the warning disappeared). Any idea where the missing } should be?: //Remove Underline from Footer links footer { p { a { text-decoration: none !important; transition: 0.3s : !important; &:hover } opacity: 0.7 !important; transition: 0.3s !important; }

Thanks @creedon! You have quite the eagle eye. I added a color (didnt make a difference...that I could see), plus I added the exclamation mark. Thanks for the LESS Compiler too:) Not sure what it is and googles not helpful but looks like it would be helpful! I did post my code in there though & it picked up another error (! one) . But "shrink header on scroll" isn't working (still taking up too much space) and the "missing closing }" is still there 🤔

I found on my home page, as soon as it's loaded, it's like theres suddenly a TON of white space on the right??😯 And the bottom scroll bar goes right across Only seems to be on homepage. Before I posted, I scrolled down the entire page to ensure I had nothing on that side......only to find the more you scroll down, the site then seems to fix itself? But not everyone will scroll a long way No idea why this is happening.....anyone seen anything like this before😔😯🤷‍♀️🤔

Hi guys, Didn't want to be that person who posts their whole broken code .......& I've gone through past posts trying to fix it myself! (They all look fine?) Why asking? Because the missing "{" I'm unable to find is (I believe) preventing me to add any additional code to work, Plus it's broken my 'reduce header on scroll' CSS code (attached - my header is now taking up too much 'real estate' on my site which would make it DIFFICULT for visitors. Could someone please help me? **If it saves time, it's likely one of the latter ones. (For now I've removed the new code affect I was trying to add, as it's not working - think it's due to this problem🤔.) **Anyone know why this is happening now? As I look now, my codes are from AGES ago .header-display-desktop { flex-direction: column-reverse; justify-content: space-between !important; align-items: flex-end; } .header-title-nav-wrapper { flex: 1 0 60% !important; width: 100%; padding: 13px; } div.header-actions { justify-content: flex-end !important; } .header-display-desktop { flex-direction: row-reverse !important; } .header-actions.header-actions--left { position: relative; top: -16px; } // Horizontal Line Color// .sqs-block-horizontalrule hr { background-color: #234b95; } #header .header-title-logo img { transition: max-height 140ms ease-in-out } //Shrink Your Logo #header .header-title-logo img { transition: max-height 140ms ease-in-out } #header.shrink { .header-announcement-bar-wrapper{ padding-top: 10px!important; padding-bottom: 10px!important; } .header-title-logo img { max-height: 80px; } } // Change the background banner color .sqs-cookie-banner-v2 { background-color: #004F98 !important; } // Change the banner text color .sqs-cookie-banner-v2-text p { color: white !important; } // Change the link text color .sqs-cookie-banner-v2 a { color: white !important; } // Change the link text color when you hover over it .sqs-cookie-banner-v2 a:hover { color: #ff596a !important; } // Change the button backgrond color, border color, and text color. .sqs-cookie-banner-v2-accept { border: white !important; background-color: #8E9AAF !important; color: # !important; } // Renegade Hover Affect @media only screen and (min-width: 640px){ #block-de7ec3319d96d7bf2cc2 { opacity: 0; transition: opacity 1s } #block-de7ec3319d96d7bf2cc2:hover { opacity: 1; transition: opacity 1s } } // Kia Ora Hover Affect @media only screen and (min-width: 640px){ #block-1d4e3bc22d0cab37a8f3 { opacity: 0; transition: opacity 1s } #block-1d4e3bc22d0cab37a8f3:hover { opacity: 1; transition: opacity 1s } } // The Loft Hover Affect @media only screen and (min-width: 640px){ #block-45c5c7703f9e1cc33419 { opacity: 0; transition: opacity 1s } #block-45c5c7703f9e1cc33419:hover { opacity: 1; transition: opacity 1s } } // Purple Sky Yoga Hover Affect @media only screen and (min-width: 640px){ #block-cdbb9c8c431199a0775b { opacity: 0; transition: opacity 1s } #block-cdbb9c8c431199a0775b:hover { opacity: 1; transition: opacity 1s } } // Remove underline from links #collection-64aa2d55ebbedb323ec30113 #page .page-section:nth-of-type(2) a { text-decoration: none !important; } // Remove the underline from links #collection-64a91bd4ba46a51f51a31025 #page .page-section:nth-of-type(2) a { text-decoration: none !important; } // Remove the underline from links #collection-64aa51920e23a5275eb59eaf #page .page-section:nth-of-type(2) a { text-decoration: none !important; } // Remove the underline from links #collection-64aa52c33cc1765a582668ee #page .page-section:nth-of-type(2) a { text-decoration: none !important; } //RESIZE code of next Blog at bottom of page [data-collection-type^="blog"] .item-pagination-title { font-size: 4vmin; } #collection-64dec8d0293066228658beba{ .field-list { display: flex; flex-wrap: wrap; } button.sqs-cookie-banner-v2-accept { color: black !important; border-color: black !important; } } // Shop Title and Prices Font Size .grid-title { font-size: 20px !important; } .grid-prices * { font-size: 19px !important; } //Blog comment font size .comment-count span { font-size: 20px !important; } //Hide Date Category on Blogs .blog-meta-item--tags { display: none; } //Remove Underline from Footer links footer { p { a { text-decoration: none !important; transition: 0.3s : important; &:hover { opacity: 0.7 !important; transition: 0.3s !important; }

Dear CSS gurus! Quick question & hoping it's a simple change! Added this code to a new site I'm building (for myself). Even though I'm sure you can read the code: It creates a plain animation screen upon arriving at the site Logo circulates Plain animation screen then swipes off to the left Problem? It animates on About page, portfolio page.....any page I click on. Just want it once on site arrival Question? Which part of the code do I need to swap out so it only occurs Once upon site arrival? (like I've seen on another site) Is it "position: absolute;"? *Disclaimer: I did first ask the code designer, just not had a comment response back yet, but it is Easter Thank you in advance👍 /*CREATING AN ANIMATED LOADING SCREEN FOR SQUARESPACE (7.0 & 7.1)*/ //To style the whole screen container .loading-screen { animation: goodbyeScreen .5s forwards 3.5s cubic-bezier(.5,-.75,.7,2); background-color: #fafafa; height: 100%; position: fixed; left: 0; top: 0; width: 100%; z-index: 10000; } //To style the logo or image .loading-screen-image { animation: scrollingLogo 1 3s linear; background-image: url(https://images.squarespace-cdn.com/content/660769db104f6977dd11b072/3d770d38-6440-4b9a-b078-1e45aef1af9f/April_Walker_logo_circle_favicon+no+background.png?content-type=image%2Fpng); background-position: center; background-repeat: no-repeat; background-size: contain; height: 190px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 190px; } //Animation for the scrolling logo @keyframes scrollingLogo { to { transform: translate(-50%, -50%) rotate(360deg); } } //Animation for the sliding screen @keyframes goodbyeScreen { to { transform: translateX(-100%); } }

@melody495 haha yes I hear you! Ahh thanks! That code didnt work for me for some reason🫤(put it in the right area and everything. But ok, so they Are from their mail providers/convert kit etc - so I could go That route. Good to know thats an option with the business plan - thanks again for alllll your help! And your patience💯🙏🤗

Cheers @melody495 (ps love your footer "You Dream It, I'll Make it happen"😊 I love helping people - AND solving problems; except when they're my own & I'm stuck!) Found I'm on the business plan; and re Where I got those both from - ie the 'first name' only thing; (if This helps) here's first one example: https://www.paigebrunton.com/predesign-workbook#enroll No idea now where 2nd one came from but here's another: https://luckynightstudio.com/free-seo-checklist It just seems SUCH a common thing; so Much so I can't recall the last place I saw Anyone have a form asking for a surname too! (which is why I wonder if they're pulling the form in from their mail collector provider ie MailChimp) And So common I thought it Must be built in Squarespace setting🤔 Thank you so Much!🌷

Good question again @melody495. Literally; I thought I was right but wanted to be sure so I just went in created a dummy form on the same page. What I originally did was (as I heard someone online somewhere suggest); change the name field, to a text field - as often people dont ask for last names and I couldnt find a way to Only have first name. Since I went in to REtest; I found the email box Does auto populate; the 'text' field for name is not. Attached are 2 examples I've found which Are on Squarespace; Only ask for the first name yet Still recognise my name and email without me having to type. Given a course module I saw today - if this is Not possible in Squarespace, do you think every site I've seen do it, a code injection from their mail gatherer? ie mail chimp, Zapier etc? Starting to think there isn't a way around this; to only have first name. Have you done this before?

Great pickup @melody495 ! And I can confirm I'm on 7.1. Is there a setting where I can change the "false" over? Seems every Squarespace but mine has autocomplete. Many thanks, April

First time asker! And I'll try to keep it brief. Been on Squarespace for couple years now..... Very much wanting to start launching free opt in offers. However the 'form block' doesnt seem to auto populate name & email details in any browser - this will be a pain point to people to manually enter their details and therefore lower my conversion rate. So I've not continued; and only Just moved it to my menu so people can see it to assist: https://www.selwynsbydesign.com/freebie-opt-in-1 However my Contact page Does auto populate: https://www.selwynsbydesign.com/contact I'm convinced its a simple difference on the back end of the 'form block' settings - as its the single common denominator. Yes I've asked Squarespace (this simple enquiry) to no avail Yes I have auto populate on all my browsers and every site I ever visit auto populates my info into forms I've tested the above links in incognito mode (as suggested by Squarespace) so I've seen what you see; no, the 'Opt in' form block Still doesnt auto populate. I've spent many Hours trying to solve this myself (which as mentioned I'm sure is a simple setting). I've filled in 'Opt in' forms on OTHER Squarespace sites; they autopopulate. Surely I dont need code. Your assistance is most appreciated 🙏

Hi community...first post as I can usually figure everything out myself! In some sections you can close the spacing to Small, reduce the rows, go inset etc - but some sections dont provide any options... Does anyone know how to close the gap between sections so they appear to sit flush against each other? (I have a few like this ie, "Kind Words" text box then has a white space, Then the photos of testimonials. The attached image is a 'Text' box, I can't remove the white space (also attached is the very few options we're given" The "Want to grow your business" is just in a 'Headline' Image and text 'section - already reduced as much as possible Any help is appreciated! (And preferably without coding, although I have some in my site already) Dont know why 'Text' boxes dont offer the same. Thank you in advance!