TheLiqueurist Posted November 27, 2023 Share Posted November 27, 2023 Hello. I want to position my product in the centre of the (desktop) screen as per AESOP. Do I need CSS? Or. Can I achieve this thru SQSP? Thanks! Link to comment
SaranyaDesigns Posted November 27, 2023 Share Posted November 27, 2023 @TheLiqueurist can you share a link to the page you need help with? Link to comment
TheLiqueurist Posted November 28, 2023 Author Share Posted November 28, 2023 Thanks @SaranyaDesigns https://www.wildbunch.com.pt/liqueurs/p/liqueur-aperitivo-pine-needles-lxj3p-lnczf-bp4d3-b7wtl-3gy9h-2z6z5-pdfz8 Link to comment
Solution SaranyaDesigns Posted November 28, 2023 Solution Share Posted November 28, 2023 @TheLiqueurist am I correct in understanding that you want some whitespace to the left of the product image? Then the image center and the information on the right? As if there were 3 columns but the first column is always empty? If so, try adding this to your custom CSS: @media screen and (min-width: 768px) { .ProductItem-summary .ProductItem-gallery { width: 30%; margin-left: 30%; } } You may find that it makes the images too small, so you can play around with the percentages to get the ratio you want, but the total must equal 60%. Link to comment
TheLiqueurist Posted November 28, 2023 Author Share Posted November 28, 2023 @SaranyaDesigns Your understanding is spot on. I will play around with %. Many thanks. SaranyaDesigns 1 Link to comment
Grave Posted September 19 Share Posted September 19 nice wwork everyone... How can you do this but move the Description to the left blank part effectively having product pics in middle description left handside & add to cart right handside? https://www.necrowebsite.com/shop/p/primitive-champion-hoodie-white Link to comment
tuanphan Posted September 20 Share Posted September 20 21 hours ago, Grave said: nice wwork everyone... How can you do this but move the Description to the left blank part effectively having product pics in middle description left handside & add to cart right handside? https://www.necrowebsite.com/shop/p/primitive-champion-hoodie-white Move to this position? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment