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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment