jbassett
-
Posts
46 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by jbassett
-
Make content within simple list section not clickable
jbassett posted a topic in Customize with code
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
-
Customise arrow in .variant-option select
jbassett replied to jbassett's topic in Customize with code
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?
-
Customise arrow in .variant-option select
jbassett replied to jbassett's topic in Customize with code
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! -
Customise arrow in .variant-option select
jbassett replied to jbassett's topic in Customize with code
@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.
-
Customise arrow in .variant-option select
jbassett replied to jbassett's topic in Customize with code
Actually, I just realised while is this perfect now on Chrome, it's caused an issue on Safari. I've attached an image from my iPad and Safari on Mac. Safari seems to apply different styling to the variant selector. You can see from the attachment, it's a different height, has a grey background on iPad, and rounded corners, and adds its own little arrows onto the product variant selector. This means the styling is different to the rest of my fields. And there's a conflict between the blue arrows and the black one your code provides. Do you know how to force Safari to correctly implement your code, @bangank36?
-
Customise arrow in .variant-option select
jbassett replied to jbassett's topic in Customize with code
bangank36, you are a genius! Thank you so much. That did exactly what I wanted it to. -
Site URL: https://www.eshertennis.co.uk/eventstest-1 Hi! Does anyone know how to reposition or restyle the little dropdown arrow in the Product Block variant option select? It's a little closer to the right-hand edge than I would like. I've added the code below to increase the height of the box and increase the padding of the text from the left side, but I'm stuck on how to move the little arrow. Does anyone know how? .variant-option select { max-width: 100%; height: 50px; padding-left: 10px; }
-
Four responsive equal height/width columns with aligned buttons.
jbassett replied to 19blue's topic in Customize with code
Hi Tuanphan - thanks for your reply. I fixed this a different way in the end. But appreciate you coming back to me. -
I solved this myself! Instead of trying to target the title of the list item, I used p::first-line to change the style of the first line of the detail copy.
-
Four responsive equal height/width columns with aligned buttons.
jbassett replied to 19blue's topic in Customize with code
Hi @tuanphan - I've followed the code you provided here and it's 99% worked for me. So thank you for that. But for some reason on laptop only (it's fine on tablets) I get this happening (see attached - the button block below 'Junior' has 'detached' itself from the rest of the card). And also on the row below, the same thing is happening. It seems to be related to how many lines of text I put into the block. Is there a way of fixing it so it all stay aligned regardless how much text I use? website: https://www.eshertennis.co.uk/tennismembershipnew (pw: james)
-
Thanks for the reply. I should've said that adding a closing p tag makes no difference (see attached image). It appears fine as you enter the html into the title field (with or without the closing p tag), but when you save the page it reverts to showing the code as text. This was working fine last week. The CSS you provided didn't appear to change anything at all? What I really want is a smaller subtitle in the same style as the title but slightly smaller and a line below. I can see a few threads with similar requests (see links below) but I'm not experienced enough with code to know how to customise them for my requirements. https://forum.squarespace.com/topic/171861-adding-a-subtitle-to-a-title-to-thumbnails-in-portfolio-grid https://forum.squarespace.com/topic/175424-adding-a-second-linesubtitle-to-grid-and-product-detail-pages/ https://forum.squarespace.com/topic/192582-add-subtitle-to-index-item-tiles-in-york-template/
-
Not sure if Squarespace have made an update but my proposed solution above no longer works. The html now shows up on the site (see attached). Does anyone have any other suggestions I can try?
-
Amazing! You fixed another one of my issues. Thanks so much, Bangank!
-
Thank you as always Bangank. I want the line to be centred and much shorter (see attached). I know how to reduce the width but I don't know how to keep it centred. Can you help?
.jpeg.d0d0631d654d6b6fb5fb172c8481b05e.jpeg)
