Jump to content

E-W

Circle Member
  • Posts

    60
  • Joined

  • Last visited

Personal Information

Recent Profile Visitors

486 profile views
  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; }
×
×
  • 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.