Guigo Posted April 3, 2020 Share Posted April 3, 2020 Site URL: https://trombone-chartreuse-l445.squarespace.com/config/ Hello, On a product-page, I currently have the image gallery taking up 50% of the screen, the other 50% is for the product description – I have 3 questions : 1) How to control the description block's width? Right now it just takes up 50%, which is way too large. 2) The description block is currently fixed, only half of the screen (images) scrolls down, I like that but, I want the description block to not move but always stay centered vertically in the viewport, regardless of the content quantity, which I'll adjust... 3) Running on Squarespace 7.1, where and how do we make adjustments for everything that is mobile? Thanks in advance!! Link to comment
tuanphan Posted April 4, 2020 Share Posted April 4, 2020 1. Add to Home > Design > Custom CSS @media screen and (min-width:768px) { /* description width */ section.ProductItem-details { width: 70%; } /* gallery width */ figure.ProductItem-gallery { width: 30%; } } 2. 3 Don't really understand the question Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Guigo Posted April 5, 2020 Author Share Posted April 5, 2020 Thanks for your reply! 🙂 I wasn't very clear... I like that the screen is split 50/50 between images and description. Here's what I'm trying to figure out : How do I make the description content always centered vertically. Trying to get the same at the top and at the bottom of the description content, based on viewport. Thanks in advance! Link to comment
Guigo Posted April 12, 2020 Author Share Posted April 12, 2020 Bringing this one up, haven't figured it out... anyone with an idea? Thanks Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.