Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Posts posted by lh-design-07

  1. Hello!

    I'm trying to recreate the below image - a 5px border around a section that has an image as a background.

    I currently use the below CSS when I need a padded border on a white background
    section[data-section-id="URL HERE"]
      border: 5px solid #ffffff;
      margin: 50px;

    However when I use this code on a section with an background image, I end up with a 50px white border.

    How can I adjust my code to reflect this?

    Screenshot 2024-04-15 at 17.20.14.png

  2. Hello!

    I have a contact form that currently sends to the client with duplicate text at a really small size? It's like the entire email is copied but in a really small font and I can't seem to get rid of it.

    I've deleted the contact form block entirely, created a new one and we still have the same issue.

    Image attached, highlighted in red.

    Screenshot 2024-04-15 at 09.11.38.png

  3. 1 hour ago, paul2009 said:

    Perhaps it worked on your device, where you've installed the font locally? 🤔

    Here's a guide that I wrote some years ago: Adding Custom Fonts to Squarespace.

    Let me know if this helps 🙂

    Did this help? Please give feedback by clicking an icon below  ⬇️

    It's synced from Adobe Typekit - they no longer allow you to download the fonts themselves (worst idea ever) otherwise it would work fantastically. I'm not keen on purchasing the actual fonts, will cost me £80... eek

  4. 2 minutes ago, paul2009 said:

    I couldn't find a @font-face rule in your CSS specifying where to find the 'alfabet' font. Have you added one?

    Did this help? Please give feedback by clicking an icon below  ⬇️

    I followed some instructions online, I didn't have it before and it worked perfectly - for the last 2 weeks! Went live Tuesday, and then suddenly Wednesday it was gone. How can I implement the @font-face rule? 

  5. Hi everyone

    My client wants the product price showing in a certain way both at checkout and on the product page.


    I've had to set the product price to £20.82 so it shows the price at checkout with VAT added to become £24.99.

    I've used the following code, which gives me the result of the screenshot



    .product-price:before { 
      content: '£24.99 (RRP) '; 

    .product-price:AFTER { 
      content: '+ VAT';  


    This is exactly how we need it, however how can I make the £24.99 (RRP) font size bigger, and then have the £20.82 + VAT underneath?

    Screenshot 2024-01-25 at 10.37.05.png

  6. 14 hours ago, jpeter said:

    @lauren-offpaper The issue is the JavaScript code that you have running that superscripts the registration mark is removing the JavaScript events attached to the accordion. Replace the JavaScript that superscripts the registration mark with the new JS below:

    New JavaScript

    /* superscripting all ® which aren't already */
    window.addEventListener("DOMContentLoaded", function () {
      document.querySelectorAll("p, a, h1, h2, h3, h4, h5, h6, label").forEach(function (el) {
        const isAccordionItem = el.closest('.accordion-item__title-wrapper') !== null;
        const accordionTitleEl = isAccordionItem && el.querySelector('.accordion-item__title');
        if (accordionTitleEl) {
          accordionTitleEl.innerHTML = accordionTitleEl.innerHTML.replace(/®(?!\<\/sup)/g, "<sup>®</sup>");
        } else {
          el.innerHTML = el.innerHTML.replace(/®(?!\<\/sup)/g, "<sup>®</sup>");

    Screenshot of the old/current JS:

    Incredible, thank you - solved instantly!
    I didn't think superscript would affect it so much haha, thanks so much!

    I originally had the code injection in the footer but it's now viewable on the page.

    I've moved it to the header instead but it's briefly visible when you load the page - is there any way to hide this?

  7. Hello!

    I've just gone live on a website to find the accordion blocks that were working perfectly before have now stopping working.

    I don't suppose anyone else has the same issue? I don't think it's anything to do with going live, but client is keen for this to be fixed asap.

    Thank you!

  8. 20 minutes ago, Ziggy said:

    Use this in a code block:

    <div class="dynamic-text" style="text-align: right">
      <span style="color:#215c7d; font-family:Playfair Display; text-align:right; font-size:6em;">

    and this in Custom CSS:

    @media only screen and (max-width:767px) {
      .dynamic-text {
        font-size: 12vw;


    Amazing as always, thank you so much!

  9. Hi Ziggy,

    Thanks so much for your reply.
    Sorry, I'm relatively new to markdowns/synatax - how would I use this to change my current code?


    <div style="text-align: right"><span style="color:#215c7d; font-family:Playfair Display; text-align:right; font-size:6em;">***dynamic***</span></div>

    I will be having 3 of these headers that will all scroll across so I'll need to apply the same to the white capitalised letters, too.

  10. Where do we stand in terms of GDPR and uploading email lists?

    My client has a new website, they never did email campaigns before but are considering it for the future. They're happy for me to put a "sign up to our newsletter" on the website so it can start collecting emails, however:

    They currently have a list of 7000+ email addresses of current clients/previous clients that won't have signed up for these and want to know where they stand with uploading this list too? Understanding that they didn't sign up for it themselves.

    Any clarification on this would be fantastic - thank you.

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