-
Posts
60 -
Joined
-
Last visited
Personal Information
- Website
-
Location
Vermont
Recent Profile Visitors
486 profile views
E-W's Achievements
-
tuanphan reacted to a post in a topic: Invert logo color for first section on page only?
-
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:
-
E-W reacted to a post in a topic: Change logo when I scroll down
-
E-W reacted to a post in a topic: Change logo when I scroll down
-
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; }
-
bilorani7 reacted to a post in a topic: Invert logo color for first section on page only?
-
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
-
SEOSpace_Henry reacted to a post in a topic: Alt Tags For Blog Post Thumbnails
-
@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:
-
E-W reacted to a post in a topic: I want to change the position of the list section text title.
-
E-W reacted to a post in a topic: List section image placement
-
tuanphan reacted to a post in a topic: How to hide sections from certain URLs?
-
E-W reacted to a post in a topic: Auto List Carousel Section Image link
-
@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:
-
E-W reacted to a post in a topic: Gallery Grid - Show title and description
-
E-W started following How to hide sections from certain URLs?
-
@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 😂.
-
E-W reacted to a post in a topic: Image zoom on hover
-
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
-
E-W reacted to a post in a topic: Remove Blog Slug URL?
-
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; }