jbassett

Hi all I posted this topic yesterday but it was removed for an accidental IP/copyright violation, which I have not included in this post. I'm using a footer code injection to make the entire cards in all simple list blocks clickable (rather than just the buttons). The code I'm using does exactly the job I want it to but I won't share it here because I believe including it in my post is why my previous post was removed. However, there is one page on my website where I don't want the cards to be clickable at all: www.eshertennis.co.uk/committee Does anyone know how I can do that? I was thinking using pointer-events: none; along with the section id would work, but it doesn't seem to. Any help would be gratefully received.

@tuanphan solved this on this thread:

I don't know how you know the solution every single time @tuanphan but I am extremely grateful. Thank you so much.

Hi! I want my website to have a dynamic (transparent) header on the homepage but a solid colour header (hex: #153643) on all other pages. URL is: eshertennis.co.uk I'm trying to use the following code which I found on another thread. But unfortunately it isn't working for me. body.homepage article section:first-child { padding-top: 0px !important; } body.homepage .header-background-solid { background-color: transparent !important; } Does anyone have any ideas? Thanks in advance!

I'm trying to use the code @tuanphan provided to do exactly what OP was trying to achieve. But this code unfortunately isn't working for me. body.homepage article section:first-child { padding-top: 0px !important; } body.homepage .header-background-solid { background-color: transparent !important; } My website is: eshertennis.co.uk I would like my homepage to have a dynamic header, and every other page to have the solid header with the colour prescribed in global site styles (hex: #153643). Can anyone help?

Amazing! That solved it. Thanks so much, @tuanphan

Thanks for replying tuanphan. Here's a link to a product: https://www.embertennis.co.uk/holiday-camps/p/tots-age-3-4

Site URL: https://www.embertennis.co.uk/cart Hi - I've seen a few potential answers to this but none seem to work for me. I want to change the text colour in the 'checkout' button. The black is very hard to read on the blue. Does anyone know which global setting I need to change, or the CSS to change the button background and text colour? Thanks in advance.

I've at least temporarily fixed this issue by adding this code: .lightbox-inner input.button.sqs-system-button.sqs-editable-button { color: #0096E5; border: 1px solid currentColor; } But it doesn't seem like I should need custom CSS to fix an issue that has only just appeared and is making it almost impossible for customers to buy our products. So if anyone does have suggestions for a real fix, I would still appreciate it.

Site URL: https://www.eshertennis.co.uk/junior-coaching-programme/p/red-stage-ages-5-6 Hi - an issue has come up on my website the past few days and I can't get to the bottom of it. The buttons on custom forms only appear on hover/rollover (see attached images/video). It is only the custom form buttons that are behaving this way (all other site buttons are appearing and behaving as expected). This issue has only just appeared and none of our site admins appear to have made any changes recently. So I'm not sure if this is an issue with Squarespace or if my buttons have suddenly started inheriting a weird style from somewhere. Is anyone else experiencing this? And does anyone have any suggested fixes? Thank you! Image from iOS.MP4

Hi @tuanphan - it has not been resolved. I've temporarily removed the code that @bangank36 gave me (because my site is live and I can't affect products at the moment). But I would love to get a fix if possible.

Apologies @creedon I made a typo, the page password above is correct now. However, this morning the issue has disappeared. Must've been something at Squarespace's end. Thanks for answering though.

Site URL: https://www.eshertennis.co.uk/homenew pw: james I've encountered a strange, sudden issue with buttons within image blocks on my website. A black outline is appearing across the images (see attached). It seems to have only happened in the past day or two. I temporarily removed all custom code to check it wasn't something I had done mistakenly, and it wasn't. When I add a new image block and place a button on the image, the black lines appear as soon as I save the page. When I'm in the page editor, the lines disappear (so they aren't an object I can simply click on and delete) Is this a known issue? And does anyone know how to fix it?

No, I haven’t solved it. The product pages are live to customers at the moment, so I’ve just removed the code you supplied for the product blocks for the time being. It would be great to get a fix, if you know how though!

@bangank36 - thank you so much once again. This has fixed the issue. However, I've noticed a strange effect on product pages now. I'm using a mixture of product pages and product blocks on standard pages. On product pages, the arrow icon has rotated 90 degrees so it's facing the wrong direction! The black screenshot is from a PRODUCT PAGE (incorrect on Chrome and Safari), the white screenshot is from a PRODUCT BLOCK (correct on Chrome and Safari) Here's a product page: https://www.eshertennis.co.uk/junior-coaching-programme/p/blue-stage-ages-5-6 I can see the issue is somewhere in this part of your code: .variant-option .variant-select-wrapper:after { content: url('https://api.iconify.design/ep/arrow-right.svg?color=black&rotate=90deg'); position: absolute; display: block; top: 55%; transform: translateY(-50%); right: 3%; /*change the position of arrow*/ pointer-events: none; } But I can't seem to change anything that makes it work on both product blocks and product pages. Again, I am so grateful for your help.