Jump to content

Need to move price below description but not "Sold Out" label

Recommended Posts

Site URL: https://elephant-finch-cy4m.squarespace.com/not-available/bernhardt-pair-of-red-leather-wingback-chairs-22283

Hi there, I am looking to move the price down below the product description but on items that have a stock of 0 I need the "Not Available" (Out of Stock alert) to remain below the title.

This is the CSS I found that will move the price but it also moves the "Not Available". I tried simply editing the order numbers but the price and "Not Available" are linked together still. Is this even possible?

section.ProductItem-details .ProductItem-details-checkout { 
display: flex; 
flex-flow: column; 
.ProductItem-details .ProductItem-details-excerpt { 
order: 1 !important; 
.ProductItem-details .product-variants { 
order: 2 !important; 
.ProductItem .ProductItem-details .product-quantity-input { 
order: 3 !important; 
.ProductItem-details .ProductItem-product-price { 
order: 4 !important; 
.ProductItem-details .sqs-add-to-cart-button-wrapper { 
order: 5 !important; 
.ProductItem .ProductItem-additional { 
order: 6 !important; }


Site Password: 123451683913985_ScreenShot2020-06-26at5_09_55PM.thumb.png.6fb5583f4b6b60558bbef105615fa94b.png

Link to comment
  • Replies 0
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

  • 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.