Jump to content

E-W

Circle Member
  • Posts

    60
  • Joined

  • Last visited

Everything posted by E-W

  1. 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
  2. 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; }
  3. 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
  4. Boo! I feared that. Thanks @SEOSpace_Henry
  5. @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
  6. @tuanphan It works I just had the code in the wrong place. Thank you!
  7. Is there any way to add alt text to blog post thumbnails?
  8. @Aligency How could I forget?! 🤣 https://helicon-oval-8wh9.squarespace.com/wedding-photography PW: admin
  9. 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.
  10. 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?
  11. 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; }
  12. @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
  13. @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 😂.
  14. 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
  15. This will hide the photo counter numbers: .ProductItem .ProductItem-gallery-current-slide-indicator{ display: none; }
  16. Try this instead of the other code: .ProductItem-gallery{ height: 50vh!important; }
  17. 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.
  18. 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
  19. @creedon Sorry for taking so long to get back to you. Thank you SO much! It works beautifully!
  20. 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.
  21. 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
  22. @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? 🙏🏻
  23. 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.
  24. 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!
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.