lh-design-07

You are a STAR, thank you!! 😊

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.
[data-section-id="661d4d59907ddf24eca22aa8"] .content-wrapper { max-width: 92vw !important;; margin: 4vw auto; border: 4px solid #fff }  

Site URL: https://www.automatedcontrolsuk.com
After many issues with cpanel and connecting the domain, we have decided to create a new domain and re-direct it to the current one (www.automatedcontrolsuk.com)
The new domain (www.automatedcontrols.uk.com) links up fine, however the current one comes up with the below message:
Domain Not Claimed This domain has been mapped to Squarespace, but it has not yet been claimed by a website. If this is your domain, claim it in the Domains tab of your Website Manager.   How do I go about claiming this?
The reason we created a new domain was because cpanel wouldn't connect up properly and they were quite unhelpful when it came to contacting them to rectify this. It was a better solution to just create a new one and redirect it but now that doesn't work. Feels like we're going round in circles with this domain!

Amazing, thank you so much!! Works perfectly 😀🌟

Add this code to Website Tools > Custom CSS
section.pdp-product-add-ons { order: 5 !important; }

You're welcome 🙂

If only one product will be sold on the website, you may want to consider using a standard layout page instead of living with the restrictions of the Store page? This will give you the flexibility to style it however you want to, without using code 🙂.
You can add the cart button to any page by adding a Product Block, and setting the style to only show the button, not the title, price and so on.
Did this help? Please give feedback by clicking an icon below  ⬇️

Thank you, works a charm!
(Getting stressed over this one, had 3+ weeks to make any changes and decides to want them all done on Day 2 of going live)

Thanks so much, appreciate it!

@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, "^®"); } else { el.innerHTML = el.innerHTML.replace(/®(?!\<\/sup)/g, "^®"); } }) });
Screenshot of the old/current JS:

Apologies, I added the website URL in the form but it hasn't shown!
It's www.porta-bowl.co.uk, home page right at the bottom.
I also have another on the product page (only one product) - both have stopped working.

Amazing as always, thank you so much!

Thanks Paul - your response was really helpful! 

Building the site again definitely wasn't an option for us or them - we've been going since January. They have cancelled their WorldPay contract within the 14 day period and we can breathe a little easier now! 

You could also target a specific title with CSS and use:
text-transform:none !important;
This removes the uppercase transform and allows you to have the text match as it's typed.

Add this within the collection ID brackets (just before the final curly bracket in the previous code):
.list-item-content__button { background-color: rgba(255,255,255,0.0) !important; border: 2px solid #ffffff !important; color:#ffffff !important; } .list-item-content__button:hover{ background-color:#ffffff !important; color:#000000 !important; }  

Thank you so much! Really appreciate it 🙂
Is there a way to get the buttons just transparent with white text and the white border like I had before? Been fiddling with the colour settings but it doesn't have this functionality.

Use this Custom CSS, it will just target that section, and it will make the 1st, 4th, 7th... pink, the 2nd, 5th, 8th... yellow, and 3rd, 6th, 9th... teal.
section[data-section-id="64e71b386425281248358655"] { .user-items-list-simple .list-item[data-is-card-enabled="true"]:nth-child(3n+1) { background-color:#df83a4; } .user-items-list-simple .list-item[data-is-card-enabled="true"]:nth-child(3n+2) { background-color:#f9b800; } .user-items-list-simple .list-item[data-is-card-enabled="true"]:nth-child(3n+3) { background-color:#4fa7b2; } } Add comma-separated section IDs if you want it to apply to more sections.

No problem!
Your logo is great BTW, well designed and playful.

Sorry, it asked for the URL in the form but didn't realise it didn't feature in the post!
It's www.spinebookprinting.squarespace.com

You've not replaced the demo content in the link, as you can see in the screenshot you still have the page set to /pageslug/ you need to replace that with your actual page slug, in this case: /electrical/
Here's the correction for that one link:
/electrical/#electrical-motors

Not a problem, happy to help.

Oh my goodness, I knew it would be something as minor as this... Thank you SO much, you're a star!! 

You are a STAR - thank you so much!! ☺️

There's a bit of a bug with Squarespace fluid engine that you're exposing here. When you set the column row grid gap to it's "maximum" of 50px, this doesn't scale on mobile, so you end up with a canvas that has a minimum of 8 columns times 50px  which means on screens smaller than 400px the content runs off the right side. On desktop with 24 columns this causes the same problem between 1200px ans 768px wide.
Simply to fix this you need to reduce the column grid gap to 30px or less.

Thank you Paul - super helpful!
It will all be running under the same brand, so store pages and checkouts remain the same. The client is starting a wedding stationery business and has 15 x collections. Each collection has 8 - 9 different products so each collection would be a separate shop. We wanted to avoid using the category option to avoid having every single item pop up at the same time.

Unfortunately this doesn't work but thank you for the suggestion - I am considering a re-design of the couple of the pages so I'll avoid using transparencies with drop shadows as much as I can!