ErinFitzsimmons

I saw you put the !important tag on and it's working now!

Hey Leroy, Yeah I did the same on my site, it's looks so much better this way. Add the code below to your Custom CSS panel: @media only screen and (max-width: 767px) { img.pdp-gallery-slides-image { position: relative; object-fit: contain !important; } }

Hey, love this site! Normally with no burger menu there is a bottom underline on navigation links showing which page you are on and it's looking weird since you've added the menu code. So to remove it add this into Custom CSS: :is([aria-current="page"], [aria-current="true"]) .header-menu-nav-item-content { background-image: none; }

I would change up the margin for mobile only so something like this below. You could change the first margin value (it's the top & bottom margin) even more if you wanted. But something to note about the slider is that the sizing is based on your longest title. I normally put the longest quote as my first slide because that's what the height is based around. The quote you have from Camilla is the longest one and it's not first so if you change up the margin and make it less than 30px then make sure to scroll through to see that there is enough space on Camilla's quote since it's the largest and that's what the size is based on! @media only screen and (max-width: 767px) { section[data-section-id="64a686d5356efe37ea8a0cb9"] .user-items-list-banner-slideshow .slide-content { margin: 30px 0px; } }

Hey again! the title to be in a heavier weight: You are so close! The code is correct, you just need to make the font weight heavier for this font to then be bolded - like below: section[data-section-id="64a686d5356efe37ea8a0cb9"] .list-section-title p { font-weight: 600; } when viewed on mobile for quote to be even positioned between the title and the arrows: this code is affecting mobile section[data-section-id="64a686d5356efe37ea8a0cb9"] .slideshow-holder ul { max-height: 60vh } So if you wrap it in a media query that will solve the issue: @media only screen and (min-width: 768px) { section[data-section-id="64a686d5356efe37ea8a0cb9"] .slideshow-holder ul { max-height: 60vh } } the quote to be in a lighter weight: this one I was having a hard time with, but I think it's because the font "Agrandir" is a heavy font. So I think you need to change the font family to the lighter version you added in in your CSS section[data-section-id="64a686d5356efe37ea8a0cb9"] h2.list-item-content__title { font-family: Agrandir-reg; }

Ok great, glad that worked for you! Unfortunately, with Portfolio's the only way to showcase them on other pages is to link images, copy & buttons to them and you can't do it as one block. So you'd have to link the copy underneath. Or you can add a button or link after the copy saying something like "Read More" or "See the case study" for users to click. I would suggest keeping the underline for accessibility and just so users know they should click to see more.

Hey Leanne! So when you go to link the individual portfolio pages you'll need to grab the slug beforehand. When you go to add a link and do / and search it will only bring up the Portfolio page, not the individual pages, but you can link them! So for example for the Nether Edge Village the url slug is /case-studies/nether-edge-village So when you go to link you can add that in and select apply. Let me know if that was clear!

Hey! For this new site you're probably using the newest Squarespace editor called "Fluid Engine." There are no spacer blocks in Fluid Engine because you can add space now between blocks when you move them around. This article might help: https://support.squarespace.com/hc/en-us/articles/6421525446541-Editing-your-site-with-Fluid-Engine

Hey! When you go in to edit your product, under the Title & Description you'll see "Additional Info." Click on that and that's where you'll be able to delete the blocks and add any if you'd like and then select "Apply." You can also leave it blank if you don't have any extra info!

Hey Shelby! Have you tried changing the "Item Spacing" in the scrolling block settings? That works better than adding spaces.

Hey! It looks to me like you need to crop your images. All of the logos have a large bottom on them so the section can't get any smaller because of the images. Also the autoplay is working for me, I didn't know if that was an issue you had or where just commenting on that!

Hi Rachel! A few tweaks to make it work from just looking at the code is to change the class and make sure you have a # in front of your hex code so like this: .header-nav-item a { padding: 8px !important; border-radius: 0px; transition: background .5s, color .5s; } .header-nav-item a:hover { background: #00263e; color: white !important; }

Hey Hank! Unfortunately, you can't pull Portfolio info elsewhere on your site. That's one downside to using a Portfolio vs a Blog which allows you to pull the info with a summary block. And you can't save collection pages (Portfolio, Blog, Video etc) either. Your only option is to add an Image, text or button block and link to your Portfolio pages.

Hey Kelly! When you go in to edit the blog page and go under "Edit Section" have you played around with the under of columns and the horizontal & vertical spacing?

Hey! Have you checked it outside of Squarespace? In an incognito window? Because looking at the code it seems correct. If it's not working outside of Squarespace could you link the page with the password? I can then take a look and see what's up. It might be an incorrect blockID or you might need to get more specific with the id. Or maybe there is an error in the custom CSS panel, you could have accidentally nested it incorrectly or there might be another code conflict. Just some ideas on troubleshooting but can't tell unless I take a look at your specific site!