holahannah

Amazing! Thanks so much @Lesum. I applied that code and it worked! For the mobile, it looks good now displaying in 3 columns, however do you know if there is a way for the columns to read left to right, not vertically. Eg, the dates should read (right to left) Fri 30 June, Sat 1 July, Sunday 2 July - rather than vertically as they currently are. Thank you!

Ok, thought I was going crazy but seems others have experienced this issue. I've added anchor links (as per https://support.squarespace.com/hc/en-us/articles/207135178-Creating-anchor-links) and basically when someone click's "Book" at the top of my page, I want the anchor link to take them to a form section on another page. On first click, it seems to work, but it's not in the right position (goes to the green section above the form section) On second click (of the "Book" button) it lands perfectly where it should. I don't know why it's not working on the first click though!! Here's a screen video so you see what I mean: https://www.loom.com/share/6b53c08f689946dda8bbafaf42948c58?sid=6fb0eb9a-082c-45cc-9c4e-007c3fae3d34 https://houseofbubbles.squarespace.com/ password: bubbles Any ideas?

Hello, I've having a bit of a spacing issue. https://houseofbubbles.squarespace.com/the-bubbles-bar/ password: bubbles In the 'Upcoming Events' section, I've added code blocks to represent each date and location of an event. Using a Classic Editor Section. When i preview the site in the Squarespace editor there is no extra space. However when I preview the page in a browser, there is a lot of extra space under each code block - how can I remove this? Also, on mobile, how can I get 3 code blocks to display per row, rather than stacked full width on top of each other? Have attached screenshots for reference. Thank you

Thank you @tuanphan, If I use a bigger size icon, the icon appears large, do you know what CSS I can use to contain the size? Yes, for the newsletter block, I'm not sure if this CSS is ideal, but I used this to remove the space between the field and button: #block-ddd853fc87bd5be49c0b { padding-bottom: 0; .newsletter-form-body { padding-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .form-fields, .newsletter-form-button-wrapper { margin: 0 !important; } .field { padding: 0; width: 100%; } .submit-wrapper { padding: 0; } }

Hi there, I'm trying to add a custom SVG icon to display after some buttons (the orange 'View The Menu' buttons). I think I've added the correct code: section[data-section-id="64feb0001002d11ad7391587"] { .sqs-button-element--tertiary:after{ content: url(https://static1.squarespace.com/static/64f6a3717594110372c72cba/t/64ff574cc22531152b025dda/1694455628420/icon-sm.png)!important; display: inline-block; } .sqs-button-element--tertiary:hover:after{ content: url('https://static1.squarespace.com/static/64f6a3717594110372c72cba/t/64ff588a811d8b601288ba9c/1694455946747/arrow-icon-hover.svg')!important; } } When i add the svg icons after the button, they don't display? I added in a png icon, so you can see where it's supposed to go, but it's super blurry. And the svg icon on hover doesn't show at all. Any ideas if it's possible to fix this? https://houseofbubbles.squarespace.com/the-bubbles-bar password: bubbles On the same site (in the footer), I'm also trying to remove the space between the newsletter sign up field, and the button. Does anyone have a little code snippet for this? Thank you!

Hi all, I've just been notified by a client that their portfolio on their website is no longer working on Desktop (though works on mobile). This site was built probably 2 years ago on 7.0, and seldom gets updated with content, so I'm wondering if an update to the platform has broken my custom code. Originally it was a blog post summary block and I used custom code to stagger the image thumbnail layout (like the attached). But I think the platform is now updated to be a section - so I guess this has affected the custom code. Is my only option here to rebuilt the section? I suppose there's no way to revert to how it was? https://www.kristymcgregor.com.au/portfolio

Hello, I've added a summary carousel block to my page here: https://railwayhotelgosford.com.au/whatson However, I'm looking for a way to add more padding between each summary item. If I just add CSS margin to the .summary-item, it adds space between the summary items, which is what i want, but the third one gets cut off. I want 3 items to display per carousel scroll. Is there also any code I can add in, to ensure the gold 'book now' button are always vertically aligned - no matter how much content is in the summary excerpt? Thanks

Thank you @tuanphan - added that code, and it looks much better. Thanks!

Hey @nataliefaye, Gorgeous site! I think the layout doesn't look too complicated, but the way they have overlapped the content blocks makes it look really interesting! A handy way to find out if a site is built with Squarespace is using the Squarespace ID Finder Chrome extention: https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff - install it, then click it when you're on a site - if it's Squarespace, all the ID blocks will show. I think there is a way using Custom CSS to change the ratio of videos that you've added to the site using the Squarespace video block. I found this tutorial which explains how to change the video block ratio. Could be helpful in achieving what you want to do: https://insidethesquare.co/squarespace-tutorials/video-block-size

Hello, I'm trying to add custom icons for a Summary Carousel block and a Slideshow Gallery block on my site: https://orange-cone-8mgh.squarespace.com/ password: orderxpress I seem to have figured out how to change them to a custom image icon, and also applied a different custom image icon for the hover effect. However, the image over effect makes the button smaller overall - I'm guessing because the hover image is a larger size, to include a 3d shadow. What CSS do I need to add here to make sure that on hover effect, the button image is slightly larger, so the button doesn't look like it's getting smaller? Here's the code I'm using: .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { background: url('https://static1.squarespace.com/static/64e3d440c78e8d669c139b60/t/64e592ae4100912ad6c6fc61/1692766894561/btn-next.png'); background-size: contain; background-repeat: no-repeat; background-position: right; } .sqs-gallery-design-carousel .sqs-gallery-controls .next:hover:before { background: url('https://static1.squarespace.com/static/64e3d440c78e8d669c139b60/t/64e59440b946601f10ea0281/1692767297007/btn-next-hover.png'); background-size: contain; background-repeat: no-repeat; background-position: right; } Also attached a screenshot of the normal / hover image. On another note - is it possible to add carousel indicators (those little dots) below a Summary Carousel and a Gallery Slideshow? Many thanks in advance!

Hello, I'm looking to customise a form block to match a design. Basically there are lot of default Squarespace elements in the form block I want to hide, to just create something simple. You can see a WIP of the form here: https://orange-cone-8mgh.squarespace.com/ password: orderxpress (the last section). Attached is the design I'm trying to achieve. So looking for guidance to do the following: Can the "First Name", "Last Name" text sit within the box, or is there a way to add placeholder text here? How can I chance the placeholder text to a custom font style How can I remove the space so that the form fields sit closer together? Lastly, does anyone know if it's possible to add a 3D shadow style effect to each field when selected (screenshot also attached for reference of design). Any guidance greatly appreciated! I'd even be happy to use a custom form plugin if anyone knows of one available. Thanks

Amazing! That worked. Thanks so much for taking the time to write out that code - will definitely help me in the future now I understand what blocks to target. Many thanks

Hi all, Does anyone know how I can add a style to active page links in my website footer? https://dragonfly-star-7hgp.squarespace.com/ password: sunshine I just have normal text links in the footer that are for each page. Is there a way i can bold the text link depending on what page you're on? Eg, if I'm on the About page, the About link in the footer would appear bold? Thank you

Fantastic @tuanphan thank you so much - will check it out!

A bit late on this topic... But I am experiencing a similar thing on many of my sites. I've flagged with SS Customer Care and they've said" I can confirm this is a bug we're experiencing on our end. I'll make sure to flag this site as affected by the issue. So hopefully it's resolved soon, but perhaps chatting with Support so they can flag your site?

Hello, Does anyone know if it's possible to enable a horizontal scroll on a summary block? I have a summary block on my website to show recent projects, and it scrolls when I drag and move the summary block. But I want to be able to scroll horizontally using the Mac trackpad. Does anyone know how I can do this? Here's my site: https://plantain-prism-6wca.squarespace.com/ password: bonemade Attached is a screenshot of the recent projects section where I'm trying to enable this functionality. Thanks!

Yes! Thank you, that worked perfectly! I replicated that code for some of the other image blocks, and it worked exactly how I wanted it to. Thank you

Hello, I've created a Sticky Section on a site I'm working on: https://dragonfly-star-7hgp.squarespace.com/ password: sunshine And in this section I'd like some of the images to sit ON TOP of the text as you scroll - rather than below, to give it a layered effect. Specifically the images in the below screenshot. Any ideas on how to do this - I tried a few custom code snippets I found in the forums, but nothing seemed to work. Any ideas? Thank you

Hey @danabrigman, I couldn't find an easy solution for this and in the end my client decided to use Mailchimp to manage their lists and customers. I did try setting up a Zap, but there wasn't a simple one step available to add people into the SS mailing list. Annoying, as I would have loved to be able to manage everything from SS. I'm not sure if more complex automations would make this possible, but I didn't have the resources for this particular project to look further into it.

Hi @FullCircleDesigns and @qosmic, may I ask what you did here or if you found a solution? I'm trying to do something similar where any form submissions get added to my Squarespace mailing list so an automation can be triggered - but I'm not having any success. I thought even if I set the storage to Google Drive and then set up a Zap adding the details into SS it would work, but there doesn't seem to be a Zap for that. I'm thinking I may just need to set up my lists in Mailchimp, but that doesn't make sense if I'm wanting to house everything under Squarespace. Thanks 🙂

Brilliant, that worked! I just changed the linear gradient "to top" to switch the direction. Thanks for your help!

Hello! I've got fixed navigation enabled on my site. Basically when you start to scroll down the page, I want the fixed navigation background to be a transparent gradient (screenshot attached) rather than a solid white colour. Does anyone know how I can change this? Similarly, when I start scrolling, there is a little jump/not so smooth scroll as I start scrolling down the page. Is there any way to remove this? Video attached for reference. https://www.loom.com/share/122ed33b949045dca1b1dd9f3c0d9247 https://pumpkin-algae-cgck.squarespace.com/ password: mayah Any help greatly appreciated. Thank you!

Hello, I couldn't find if anyone else was having a similar issue... I'm using a form block with Fluid Engine, and it's all looking good on mobile. However when I submit the form and view the form success message, there's sooo much space between the success message, and the next section. I can't figure out how to reduce the space, to minimise scrolling. Is it even possible with FE? https://www.hermatters.com.au/home password: hermatters Have attached some screenshots for reference. Thanks!

Hello, I've posted on an existing thread regarding this issue, but I don't think a resolution has been found. Basically I'm using a Gallery Reel and it's displaying three images on desktop, but on mobile only one image displays at a time. Is it possible to display 3 image thumbnails on the mobile version? Attached how I want it to look vs how it actually looks on mobile. Here's my site: https://mackerel-vibraphone-f854.squarespace.com/functions password: eaglehawk Thank you

Amazing, thank you so much. I tried that and works a charm! Much appreciated 🙂