Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Product Page Description Block


Site URL: https://trombone-chartreuse-l445.squarespace.com/config/


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!!

Share this post

Link to post

3 answers to this question

Recommended Posts

  • 0

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

You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post

Link to post
  • 0

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!

Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...