Spark-Plugin

@AnnaJacobs, Sorry, I realised there was a mistake on the code I provided you earlier, I have just updated it, can you try again?

Hi @Jasonyun, you can follow the steps below and use the code I’m providing to achieve what you need: Navigate to: Pages > Website Tools > Custom CSS Paste the code below into the CSS editor. Hit Save. Navigate to: Pages > Website Tools > Custom CSS Select ‘Custom Files’. Select ‘Add images or fonts’. Upload your image here. Now, look for the part in the code that says (IMAGE URL HERE). Delete the "IMAGE URL HERE" text, and leave the pipe symbol (|) in place. Scroll to the top, click on Custom Files, then click on your image. Its link will automatically be inserted where you deleted the text. Hit Save and you're all set! header#header { background-image: url(IMAGE URL HERE); background-size: cover; background-position: center center; background-repeat: no-repeat; } Hope it helps!:)

@AnnaJacobs, What’s the gallery format you’re trying to achieve on the work page?

Hello @davidneils, it might be helpful looking into this post:

Hello @AnnaJacobs, You can try adding the code for that specific page only. Here’s the updated code—give it a go and let me know how it works for you: 1. Go to Pages. 2. Hover over the page name where you want to apply the code, and you’ll see a gear icon—click on it. 3. Go to Advanced. 5. Paste the code, click Save, and you’re all set. <style> figure.gallery-grid-item:nth-child(3n+3) { grid-column: ~"1 / 3" !important; } .gallery-grid-wrapper { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } </style>

Hi @ani168, Please give this updated code a try and let me know how it works for you: <div class="button-container"> <a href="#" class="btt"> Back to Top </a> </div> <style> .btt { color: white; font-weight: bold; text-align: center; display: inline-block; background: black; padding: 8px 24px; border-radius: 100px; width: fit-content; } .btt:hover { background-color: #FF8282; } .button-container { display: flex; justify-content: center; /* Horizontally center the button */ align-items: center; /* Vertically center the button */ } </style>

Hi @kelsvaug, I just had a look at your website and I noticed you were able to make it work, is that right? Do you still nee help? Let me know:)

Hello @acer152, did you try adding this " @media screen and (max-width:768px) {" when usig z-index for mobile only? For example: @media screen and (max-width:768px) { .chat { z-index: 3 !important; } } Give it a go and let me know.

Hi @StephanieOYV, Can you share your website? Also, you might want to take a quick look at our blog post where we explain how to add custom fonts to Squarespace: How to Add a Custom Font to Squarespace.

Hi @Aramazt, did you figure it out yet?

Hi @MarcieRohr, You can try logging out, clearing your browser’s cache, and then logging back into Squarespace. Sometimes, an unstable internet connection can also cause this type of issue. Let me know how it goes!

Hi @JohnUKBristol. I would recommend reaching out to Squarespace Support for further assistance. In the meantime, these articles might be helpful: Help Center 1 Help Center 2

Hi @Vii, you might want to check out this post, hope it helps!

Hi @bchippendale, can you share your website, please?

Hi @hazmat410. The best, fastest, and easiest way to do that is by using a photo editing tool to add it directly to your images. It won't take more than a minute 🙂