-
Posts
60 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by E-W
-
Using code I found from @tuanphan, I got the logo to change color on a fixed, scroll-back header. Does anyone know how to change the color of the mobile burger menu on scroll? I have the mobile menu activated for desktop. https://helicon-oval-8wh9.squarespace.com/ PW: admin
- 1 reply
-
- code-injection
- code
-
(and 2 more)
Tagged with:
-
SOLVED: with code from this post: I modified the code. This is what I used to achieve a color-changing logo on scroll. However, I still need to figure out how to make the burger menu change color on scroll too. /* Change logo on scroll */ .shrink .header-title-logo img { visibility: hidden; transition: all 0.3s; } .shrink .header-title-logo a { background-image: url(https://static1.squarespace.com/static/65a2d78aa72f1c4f2b2f30fe/t/6614307825e9e667d79278b4/1712599160701/Kristy-Burrell-Photography-Vermont-Wedding-Photographer-Logo-Black.png); background-size: contain; background-repeat: no-repeat; }
-
The first section of many pages on the site are dark so I'd like to invert the logo to be white on those sections only. The rest of the pages below are lighter color so I want it black for those sections. Is this possible? I haven't been able to get any code to work. It seems like the logo loads once per page and that's what you're stuck with. Is this correct? Is there a way to do this with Javascript? https://helicon-oval-8wh9.squarespace.com/ PW: admin
-
@Ziggy trying to use your code for a banner list section I've altered that I want to have every other background color change for. Wondering if you can help. https://helicon-oval-8wh9.squarespace.com/portfolio-test PW: admin
- 11 replies
-
- code
- list-summary
-
(and 1 more)
Tagged with:
-
@tuanphan It works I just had the code in the wrong place. Thank you!
-
@Aligency How could I forget?! 🤣 https://helicon-oval-8wh9.squarespace.com/wedding-photography PW: admin
-
Why is there this blank space being added under the image in this gallery on the left? I've tried removing all my code and it's still there. It shows up no matter what the gallery design is set to.
-
There's been some updates to the newsletter form I seem to have missed announced. It's great you can now lightbox the newsletter form but it seems the option to either have the form stacked or float is gone. Am I missing something?
-
- newsletter
- newsletter-block
-
(and 2 more)
Tagged with:
-
You can use the block ID for each text block you want to add a line to like this: #block-yui_3_17_2_1_1709866571145_2265{ border-left: 1px solid #F3C014; }
- 6 replies
-
- custom-css
- customized
-
(and 3 more)
Tagged with:
-
@tuanphan I'm trying to use this code to hide the first 'featured' section on this blog for specific category URLs but it isn't working. What am I doing wrong? <script> if (document.location.pathname.indexOf("/blog?offset=") == 0) { document.querySelector('body').classList.add('t-hide') } if (document.location.pathname.indexOf("/blog/category/Engagement") == 0) { document.querySelector('body').classList.add('t-hide') } if (document.location.pathname.indexOf("/blog/category/Elopement") == 0) { document.querySelector('body').classList.add('t-hide') } if (document.location.pathname.indexOf("/blog/category/Newborn") == 0) { document.querySelector('body').classList.add('t-hide') } </script> <style> body.t-hide [data-section-id="6606cb21ffd5013539385ab2"] { display: none!important; } </style> website: https://helicon-oval-8wh9.squarespace.com/blog PW: admin
-
@creedon Ah dang! Thanks for taking a look. I found an example of what I want to create here: https://thehousethatlarsbuilt.com/ I feel like this should be possible to create with list sections with JS. I just need to learn JS 😂.
-
Hi @creedon, I'm trying to target specific list items in a carousel list section and just can't get it. Any chance you could take a look? Specifically, I want to make the list item content display:none for the first and third item in view--so you'd only see the item content on the middle item. Is that possible? https://helicon-oval-8wh9.squarespace.com/ PW: admin
-
How to add a divider on the product detail page
E-W replied to threadsonline's topic in Customize with code
This will hide the photo counter numbers: .ProductItem .ProductItem-gallery-current-slide-indicator{ display: none; } -
How to add a divider on the product detail page
E-W replied to threadsonline's topic in Customize with code
Try this instead of the other code: .ProductItem-gallery{ height: 50vh!important; } -
How to add a divider on the product detail page
E-W replied to threadsonline's topic in Customize with code
You could simply add the border line to the footer to ensure it shows up on every page of your website. Or you could add the following code to add it only to the product detail pages: .tweak-products-width-full .products.collection-content-wrapper{ border-bottom: 1px solid rgba(0, 0, 0, .12); } For the height of images on mobile I'd try: @media screen and (max-width: 767px){ .ProductItem-gallery-slides-item{ height: 80%!important; } And change the percent to whatever height you like. -
I want to make images move on scroll exactly like the example on the codepen page linked below. I don't care about the background image. What I'm interested in is the movement of the images of the band boys. 🤣 Actually, more basic than that. I just want the images to move slightly down on scroll. I'm trying to apply the JS at the link below to a SQSP website but I am not skilled in JS. I thought others might also be interested in learning this effect. Anyone interested in helping me translate this code to a SQSP site? https://codepen.io/rachsmith/post/how-to-move-elements-on-scroll-in-a-way-that-doesn-t-suck-too-bad Screen Recording 2024-03-14 at 6.35.08 PM.mov
-
Code to default state/country and hide country no longer work
E-W replied to momo2000's topic in Customize with code
Having issues with this too. Anyone figured something out? -
@creedon Sorry for taking so long to get back to you. Thank you SO much! It works beautifully!
-
My florist client needs to offer ALL options: Local delivery (by my client) Local Pick-up Nationwide shipping You'd THINK this would be easy to set up using shipping profiles but it turns out that at checkout if you have an item in your cart with a local pick-up option it removes the shipping options completely. I've contacted Squarespace support about this and it does appear to be a bug they are looking into fixing but for now I wanted to see if anyone else out there is offering all of these options and has a successful system in place.
-
Thanks @creedon! Unfortunately, the tags still don't link to the corresponding product category. I'm wondering if I did something wrong on my end? Screenshots are attached for one product so you can see how I've got it set up. When clicking on a tag it does take you to the shop page but the end of the url added is: /shop?tag=undefined
-
@creedon We're on a paid plan now and the tags are still unfortunately not consistently appearing. They also are not linking to any specific category but this is in the linked URL: /shop?tag=undefined Can you help? 🙏🏻
-
My client offers local delivery with several zones and different rates for each zone. These local delivery options are only available on orders with a minimum of $50. I'm scratching my head trying to figure out how to set this up. Is this even possible? EDIT: I convinced her to simplify this to make it work with her online shop.
-
Amazing! Thank you so much! I also am on a trial account right now so I pasted the code directly in (missed that before 😝). A few of the products aren't displaying the tags but overall they do seem to be loading better now. I'll get back to you with an update when I get the site launched and on a paid plan & update the code to match. Will def. be sending you a thank you for your help!