Jump to content

pottedplant77

Member
  • Posts

    26
  • Joined

  • Last visited

Posts posted by pottedplant77

  1. 8 hours ago, creedon said:

    Add the following to Store Settings > Advanced > Page Header Code Injection for the store page.

    
    <style>
    
      /*
    
        begin move add to cart button to right of quantity
      
        SS Version : 7.1
      
        */
      
      .ProductItem-details .ProductItem-details-checkout {
      
        display : grid;
        gap : 2rem;
        grid-template-columns : repeat( 5, 1fr );
        
        }
        
      .ProductItem-details .ProductItem-details-checkout * {
      
        margin : 0 !important;
        
        }
        
      .ProductItem-details .ProductItem-details-checkout > * {
      
        grid-column : 1 / 6;
        
        }
        
      .ProductItem-details .product-quantity-input {
      
        grid-column : 1 / 2;
        
        }
        
      .ProductItem-details .sqs-add-to-cart-button-wrapper {
      
        align-self : center;
        grid-column : 2 / 6;
        
        }
        
      /* end move add to cart button to right of quantity */
      
      </style>

    This is for v7.1.

    Let us know how it goes.

    @creedon hey that worked perfectly! thanks! but is there any way to extend the bar only for my sold out items? as it looks a little odd when the quantity is hidden:

    image.thumb.png.0fd2b429651e84ce9c7baa37e409b435.png

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