Jump to content

Adjusting Sizing of Selection on Product Page

Recommended Posts


Site Url: https://layeredbrissa.squarespace.com/ PW: bless304

(Please refer to attached image) I would like to adjust the look of the custom selections on my product page. When I add multiple selections the alignment with the product image is off and doesn't look good. My main solutions/questions to resolve this is:

1) How do I put 2 selections per line, instead of 1 per line?

2) How do I reduce the overall sizing of the product selections so that it stays alligned with the image?

Screen Shot 2023-01-09 at 12.54.27 PM.png

Edited by Gift
Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • 3 weeks later...
On 2/3/2023 at 4:05 PM, Gift said:

The dropdowns 2 in a row @tuanphan

Add to Design > Custom CSS

@media screen and (min-width:768px) {
.variant-option {
    width: 45% !important;


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

Create an account or sign in to comment

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

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.