Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

  • Days Won


Community Answers

  1. CassAggett's post in simple link (or link in button) to email address does not work was marked as the answer   
    This link works for me:

    Is it possible you don't have a default email client set up in your browser? Mine opened directly in a new Gmail tab.
  2. CassAggett's post in How do I make this CSS effect work in Squarespace? was marked as the answer   
    @Javdesign here's a couple:
  3. CassAggett's post in Secondary Button color is not the same across website was marked as the answer   
    @WBRenes The section on the Spirits page you're referring to is a list section, which takes on different colour settings within Site Styles. When you've got that page open, open Site Styles > Colors > Select the colour theme > then scroll to List Section - there will be an option to change the button colour for the list section buttons in there
  4. CassAggett's post in The text in the accordion web part doesnt span the full width was marked as the answer   
    You can also adjust this in the accordion paragraph settings:
    I've set this example to 100% and the added min-width: 100% overrides the inexplicable max-width: 300px that's in the code.

  5. CassAggett's post in How do I remove this old code? was marked as the answer   
    What page of your website is this link on (i.e. where you inspected the source code)? Can you share a link?
    From what it looks like in the screenshot, wherever this text is on your site, the old link is still attached to the period at the end of the sentence. So if you can find that, you should be able to highlight the period then remove the link from that, leaving the link still attached to the words - hopefully that makes sense!
  6. CassAggett's post in Mobile Overlay Menu Issue was marked as the answer   
    Anything you like! What you can do is open mobile view in the editor, then navigate to the Custom CSS panel and add the code in as is. In the editor preview, open the mobile menu, then adjust the size in the CSS panel so you can see what it looks like as you change it. You might like smaller like 1.2em, where something like 2em might be too large and still push the text onto two lines. Will just be a bit of trial and error 🙂
  7. CassAggett's post in Bought a domain via Squarespace to move my site to, but it's not showing up as an option. was marked as the answer   
    @cpcn Have you followed the guide linked under 'Transfer Domain' in your second screenshot? You'll need to do this to remove it from the 'holding' website that it's currently linked to. Once you've done that, you should be able to link it to your actual website.
  8. CassAggett's post in Duplicating Homepage, Editing It, then Changing this new version over as Home - Best Practices was marked as the answer   
    Hey Mark, this is essentially what I do if I'm redesigning pages rather than starting a new website:
    Duplicate page (will become /home-1 or similar) Create / design new page using the duplicate When ready to swap over, make the new version the home page (obviously for home page only, not other pages) Edit the original page slug and add -old to the end (e.g. /home-old) and disable the page Edit the new page slug and make sure it's exactly the same as the original (/home) - or if not the same for some reason, set up a URL redirect Request Google to reindex the page(s) updated Hope that helps - but I think you're already there 😊
  9. CassAggett's post in Request: 4-Column Text Block on Desktop / 2-Column Text Block on Mobile was marked as the answer   
    Try this:
    // Multi-Column Text Mobile // @media only screen and (max-width: 767px) { #block-yui_3_17_2_1_1698600219155_10162 { p { column-count:2; column-gap:5%;}} }  
  10. CassAggett's post in Text Block Background Color Suddenly Broken, Colors Suddenly All Changed was marked as the answer   
    This is a Squarespace issue that they're currently monitoring. I suggest signing up to status alerts: https://status.squarespace.com/incidents/snyy5ht3swwq
  11. CassAggett's post in Change fonts for blog title/paragraph on both blog page and detail page was marked as the answer   
    Are you wanting this to be the same font? If so, use this:
    // PARAGRAPH FONTS // .sqsrte-small, p, .sqsrte-large { font-family: 'FuturaBookFont'; }  
  12. CassAggett's post in add a border to product detail page was marked as the answer   
    @Barbi Give this a go - paste in your custom CSS panel:
    // main product image // .tweak-product-basic-item-gallery-design-slideshow .ProductItem-gallery-slides-item { border: 2px solid hotpink; box-sizing: border-box; box-shadow: 0 0 6px 0px hotpink !important; width: 98%; height: 98%; margin-left: 1%; margin-top: 1%; } // product thumbnail // .ProductItem-gallery-thumbnails-item img { border: 2px solid hotpink; box-sizing: border-box; box-shadow: 0 0 6px 0px hotpink !important; } It's probably not perfect with the glow around the border radius but here's what this looks like on my end:

  13. CassAggett's post in Quote Block: Hanging quote marks, different color than text? was marked as the answer   
    @kaytdefever Welcome!
    Yes it's probably best to keep the dash before the name. An alternative would be coding your own quote style text box using a code block but that would be more difficult to maintain/make edits in future.
    If you keep the dash and want to move the title to the right so the text starts in the same spot as the name, you could add a left margin to the source title / company code (second last line of below code).
    To move it closer to the name, you'll need to use margin as this can go negative, whereas padding can't. See the last line of below code for that:
    // source title .sqs-block-quote .source span { display: block; text-transform: uppercase; padding-top: 10px; // space above title font-size: 10px; // size of title margin-left: 26px; // line up with name margin-top: -5px; // move closer to name }  
  14. CassAggett's post in URL error / domain query was marked as the answer   
    I think this is correct as your site's not published, particularly if you've already added the Squarespace DNS settings to GoDaddy. If you hadn't yet, I would imagine it would show the standard 'This domain is held with GoDaddy' or something like that.
    When you're in edit mode, it will always display your built-in URL (xx.squarespace.com) regardless of whether your site is live or unpublished 😊
  15. CassAggett's post in Where has CSS injection gone from developer tools? was marked as the answer   
    @Immortal_Explorer it's now under Website > Website Tools > Code Injection.
    If there's something you can't find (or couldn't be bothered clicking through like me), click anywhere on the grey part of the left menu then click the forward slash ( / ) button on your keyboard and type the menu option you're looking for 😊
  16. CassAggett's post in Fluid Engine: spacing was marked as the answer   
    @Horizonte The easiest way to adjust this without code is to use the Spacing options in Site Styles:

  17. CassAggett's post in Is there a way to add a private community forum or 'member only' forum to my website? was marked as the answer   
    @OAY You can create a member site that people need to sign up for to access (paid or free, your choice), however you'll need to use a third-party forum plugin, like https://www.websitetoolbox.com/ - there are quite a few out there that I'm sure will differ in the pricing and features
  18. CassAggett's post in Mobile text squashed in columns was marked as the answer   
    @Sam00 Oh gotcha. Give this a go, hopefully I've copied the syntax correctly:
    // SET LIST PAGE - SPACE BETWEEN COLUMNS MOBILE // @media only screen and (max-width: 768px) { #collection-5c373d6470a6adfe3d7d0942 { .sqs-layout:not(.sqs-editing) .sqs-block + .sqs-row .sqs-block:not(.float):first-child:last-child { padding-bottom: 17px !important; } } } That code on my end makes it look like this (same gap as the rest between The Supremes and Marvin Gaye - and the rest of the columns on this page only):

  19. CassAggett's post in My Custom Fonts in my Custom CSS Are Not Working? was marked as the answer   
    @SamFord Hi Sam, the error causing this is likely the missing @ before font-face, however you've also got a lot of duplicated code in there. I've tidied up for you, give this a go:
    // LOAD CUSTOM FONT // @font-face { font-family: 'Sinclaire'; src: url('https://static1.squarespace.com/static/63e6381a7bda54190b25aa55/t/650024760b79e94d77bb7c36/1694508150296/Sinclaire-Bold.otf'); } // APPLY CUSTOM FONT // h1, h2, h3, h4 { font-family: 'Sinclaire' !important; } h4 { font-size:20px; } .sqs-block-button-element, .header-nav-item a, time.summary-metadata-item.summary-metadata-item--date, a.summary-title-link, a.summary-read-more-link, .header-title a { font-family: 'Sinclaire' !important; }  
  20. CassAggett's post in Giant empty section that I can't delete was marked as the answer   
    @argonautphoto can you share a link to your site? Judging by the section settings it's showing (Manage Projects) it looks like this is a portfolio page collection rather than a regular page. If you add portfolio items (similar to how you add blog posts to a blog collection) they would likely show where that blank space is.
    Assuming that's correct, you won't be able to delete it as it's the core feature of the page. You would need to create a new page and add your content there instead. You should be able to hover over the sections that you want to keep on these pages those and click the heart icon to save the section - that way you can quickly reuse them on a new page without having to rebuild
  21. CassAggett's post in Change link shape on hover was marked as the answer   
    Hey @JessicaM, found this one: https://www.will-myers.com/articles/mariners-button-style
    It's coded for a tertiary button but you could change it to your blog's read more link if you were specifically wanting to change that.
  22. CassAggett's post in Changing custom social media icon on blog posts only was marked as the answer   
    @NDucrETH Thanks, got the link. Try this code:
    @media only screen and (min-width: 640px) { body[class*=collection-type-blog] { .icon--fill:nth-of-type(1) { background-image: url(https://static1.squarespace.com/static/628d9580451c5d347006983d/t/62ff2db34930cc1976790cf4/1660890547092/naverblack-01.png); background-size: 100%; background-repeat: no-repeat; } } }  
  23. CassAggett's post in Adding custom code was marked as the answer   
    Yes, you can just enter a couple of times after the last curly bracket in your screenshot.
    One thing that might help as you add more code is to include notes about what each is for (some isn't as obvious as your site title one!)
    There are a few ways you can do this in CSS but here's the format I use:
    // note about code here // .selector { properties: xxxx; } // e.g. blog pagination spacing // .selector { properties: xxxx; }  
  24. CassAggett's post in SPLIT SECTION WITH TEXT ON BOTH SIDES was marked as the answer   
    @visual_ess Hey Ess, there's a really easy way you can do this now without code. Instead of adding the image as a background and coding it to one side, you can add it to an image block and push it all the way to the edge of the screen and resize the inside edge to the centre of the screen. Then edit the section settings to remove the grid gap and fill screen option.
    Here's a video running you through it [5 min]:
  25. CassAggett's post in How to reduce size of next and previous blog post titles on mobile was marked as the answer   
    Hey Sophie, double check this setting:
    Go to Edit Section on your blog, then on the Format tab scroll down to Text Content Width.

    For reference, you can also adjust the next/previous pagination titles in Site Styles without using code. It's under Fonts > Assign Styles > Blog Post > Pagination. This affects both desktop and mobile though, where the code you've got above is just for mobile.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.