JonJonJon
Member-
Posts
85 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by JonJonJon
-
Is there any news on when can we expect the new branding of Twitter to X to filter to our sites? Specifically for the icons to be amended. And in future, would we need to manually update the links? I believe the new branding guidelines is now publicly available. Also hopefully Threads can be added soon.
-
@tuanphanthanks. but do you know how to create the gradient blur portion? That's the part I am struggling with. thanks for any assistance
-
Item specific shipping options
JonJonJon replied to SurvivalTechniqiues's topic in Setting up your store
@sydacthis works in practice, but breaks down pretty quickly once you have variety in where your products are shipped from/to. Squarespace could even work to improve this "hack" by not having the range be required to be zero to infinity. One of the main issues, is in not being able to hide cheaper shipping options. It turns into a maths mind mess with plenty of scope for errors. And just imagine the headache when there are changes to your shipping and distribution points. Personally, I'm going to see how this goes, if sales are good, I'll seriously consider migrating to shopify -
Site URL: https://jonpxl.com I'm trying to make an image have a blur gradient across it, so that text is more legible. I prefer to do this in CSS as the image and text layout is a little different depending on different devices used. I can't seem to get it to work as a gradient. Also is there a way to have the blur go to the edges & corners? I am also using a colour gradient. password: dolphin267 My current code: #intro .Index-page-image { filter: blur(14px); } #intro .Index-page-image:after { background: linear-gradient( to right, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 40%) !important; filter: opacity(1); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
-
Same having this issue. removing the account and reconnecting at least worked. Hopefully a fix is coming
-
How to change the order of a carousel in CSS?
JonJonJon replied to JonJonJon's topic in Customize with code
Hi @tuanphan I was wondering if you had any alternative suggestions? thank you -
How to change the order of a carousel in CSS?
JonJonJon replied to JonJonJon's topic in Customize with code
@tuanphanThanks. This partially works. The flex kind of breaks having a fixed number of items per row, instead it shows them all. I have managed to define the number per row, but not limit it to just one row. The the ordering also doesn't seem to behave predictably. Any further suggestions would be greatly appreciated. thank you -
I would like an image download to start in the background when a button is clicked, as is the norm. Instead squarespace opens a page, requiring an additional right-click step. I can't seem to find how to prevent this. When using a link, you have the option of page, file, etc. so I don't understand why when choosing a file, it opens a page regardless. I am using a code block, but this seems to be the case whatever method i use, such as buttons, forms etc. my current html code is: <a href="/s/DM042_Wallpaper_Phone.jpg" download="jonpxl_wallpaper_DM042_phone" target="_blank" class="button">WALLPAPER</a>
-
How to change the order of a carousel in CSS?
JonJonJon replied to JonJonJon's topic in Customize with code
@tuanphan thanks, it is the same carousel that you aided me with repositioning the arrows on. The image that it part of the carousel, that has the text in, "join in...", is the image that I'd like to maintain it's position always on the far right, yet still be part of the same carousel, rather than a separate individual element. so it scrolls with the rest. I had hoped this might be able to be controlled with CSS? I'm happy to be able to define it's position, that I can then alter based on the media queries, if that's an easier solution. e.g .carousel image:nth-of-type(6) { order: 3; } but I can't seem to find a property where a carousel uses children, so I'm not really sure what's the solution -
How can I change $0.00 for a free product to 'Free'
JonJonJon replied to TheWIldHaggis's topic in Customize with code
@tuanphan Thanks very much. I see what you have done there, and can understand why you say it is a temporary fix. It might be enough for now. thank you- 18 replies
-
- product
- code-injection
-
(and 2 more)
Tagged with:
-
customise position of the carousel arrows
JonJonJon replied to JonJonJon's topic in Site Design & Styles
@tuanphanthanks very much! i learnt a little something in the process. much appreciated. -
How can I change $0.00 for a free product to 'Free'
JonJonJon replied to TheWIldHaggis's topic in Customize with code
@paul2009I was wondering if you had managed to access the site and have a look?- 18 replies
-
- product
- code-injection
-
(and 2 more)
Tagged with:
-
How to change the order of a carousel in CSS?
JonJonJon replied to JonJonJon's topic in Customize with code
@bangank36 I was wondering if you managed to access the site ok? -
customise position of the carousel arrows
JonJonJon replied to JonJonJon's topic in Site Design & Styles
@tuanphanThank you! I appreciate you taking the time to get back to me. Do you know how to change the properties, such as thickness, & size?, I'm unsure what the css property would be. I've tried a few. -
customise position of the carousel arrows
JonJonJon replied to JonJonJon's topic in Site Design & Styles
@tuanphanhi, yes that's correct, the two white floating arrows that you have circled. thank you for looking into it. -
Hi, I have some products that require a shipping quote rather than an "add to cart". Once I give a shipping quote to a customer, how then do I put it back through the store so the customer can use the online interface? I would rather keep everything in the same system rather than do a manual order via another service, which doesn't look very professional either. Off the top of my head, all I can think of is to make a new shipping option specific to that customer's quote, but sadly that would be visible to others, and other shipping options would also be visible to the customer in question. Thanks for any tips
-
customise position of the carousel arrows
JonJonJon replied to JonJonJon's topic in Site Design & Styles
-
Site URL: https://shop.jonathan-gallagher.com I have a gallery carousel, Brine, and would like to have more control over the design of the navigation arrows. I'd like to move them, possible split them in two, one on the left, one one on the right. Change their thickness etc. I think it's this elements: .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager but can't seem to figure out how to make changes to it pw:jonjonjon
-
How to change the order of a carousel in CSS?
JonJonJon replied to JonJonJon's topic in Customize with code
@bangank36 sure, pw:jonjonjon The carousel in question is on the homepage, about 2/3rds of the way down, containing square images -
How can I change $0.00 for a free product to 'Free'
JonJonJon replied to TheWIldHaggis's topic in Customize with code
@paul2009 that would be great! sure: https://shop.jonathan-gallagher.com pw:jonjonjon On the homepage if you scroll just a little you will see a product summary where one item doesn't have the word FREE is it just blank Also... when removing the price from a product page, it seems to also remove it from the related products- 18 replies
-
- product
- code-injection
-
(and 2 more)
Tagged with:
-
How can I change $0.00 for a free product to 'Free'
JonJonJon replied to TheWIldHaggis's topic in Customize with code
@paul2009 Thanks for that, I have been using this and really happy with the result. Do you know if there's an alternative way to get this to work for the summary blocks?- 18 replies
-
- product
- code-injection
-
(and 2 more)
Tagged with:
-
Site URL: https://shop.jonathan-gallagher.com I have a gallery carousel, Brine, that changes the number of images visible depending on the screen width. I'd like one image to always be on the carousel when first viewed. It would be simple enough if this was always the first image, on the left of page, however that's not the case here. For example, I'd like it to be at position 6 out of 6 on desktop, and going down to position 3 out of 3 on phones. I was planning to use a reorder css, and have tried to find a "child" parameter in the inspect css, but no luck. e.g .carousel image:nth-of-type(6) { order: 3; } Any help greatly appreciated