squarespace

full width squarespace product block


I'm struggling to find a way to adjust the width of a product block. Website's page is dachshund-crane-s64k.squarespace.com/nouvelle-page (password is 'password'). The width for the variants and the add to cart button is automatically set, yet I would like the whole thing to occupy 100% of the space so the block is equal to the photo on the left. Here is a screenshot of the space. Thanks in advance for any help.


Solution

  • You may add the following Custom CSS via the CSS Editor in order to widen the select elements and the button to the full width of the parent element:

    select[data-variant-option-name] {
      width: 100% !important;
    }
    .sqs-add-to-cart-button {
      width: 100% !important;
      box-sizing: border-box;
    }