Barbi Posted October 8, 2023 Posted October 8, 2023 Hi I would like to add a border to the product detail page and the small images next to the main image like the reference attached. My website: https://synthesizer-heron-bhfa.squarespace.com/new-collection/p/product-name-here-1 password: 1234 Thanks a lot!
Solution CassAggett Posted October 8, 2023 Solution Posted October 8, 2023 @Barbi Give this a go - paste in your custom CSS panel: // main product image // .tweak-product-basic-item-gallery-design-slideshow .ProductItem-gallery-slides-item { border: 2px solid hotpink; box-sizing: border-box; box-shadow: 0 0 6px 0px hotpink !important; width: 98%; height: 98%; margin-left: 1%; margin-top: 1%; } // product thumbnail // .ProductItem-gallery-thumbnails-item img { border: 2px solid hotpink; box-sizing: border-box; box-shadow: 0 0 6px 0px hotpink !important; } It's probably not perfect with the glow around the border radius but here's what this looks like on my end: tuanphan 1 Instruction: How to set a site-wide password If this helped you, please like or mark my solution as answer so others can scroll to it quickly 👆 Cass Aggett is a Squarespace website designer for go-getting women – no matter what stage of business. WEBSITE • INSTAGRAM
Barbi Posted October 9, 2023 Author Posted October 9, 2023 thank you so much!! CassAggett and tuanphan 2
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment