CassAggett

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.

@Javdesign here's a couple:
https://www.beatrizcaraballo.com/blog/looping-rotating-words-heading-squarespace
https://schwartz-edmisten.com/plugins/p/animated-rotating-text

@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

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.

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!

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 🙂

@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.

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 😊

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%;}} }  

This is a Squarespace issue that they're currently monitoring. I suggest signing up to status alerts: https://status.squarespace.com/incidents/snyy5ht3swwq

Are you wanting this to be the same font? If so, use this:
// PARAGRAPH FONTS // .sqsrte-small, p, .sqsrte-large { font-family: 'FuturaBookFont'; }  

@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:

@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 }  

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 😊

@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 😊

@Horizonte The easiest way to adjust this without code is to use the Spacing options in Site Styles:

@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

@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):

@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; }  

@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

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.

@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; } } }  

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; }  

@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]:
https://www.loom.com/share/8948909db2e54efda6b6e50a09bf5325?sid=45cf21f9-0020-4e1b-b926-aff4fcb38d4c

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.