Swap position of .product-excerpt and .product-price

Site URL: https://badlab.squarespace.com

Page example - https://badlab.squarespace.com/store/backend/bold-training-t-womens
Password - temp

Hi,

I need help swapping the positions of .product-excerpt and .product-price on product pages. 
I've managed to decrease the margins to the right size and I've moved <div class="product-excerpt" data-content-field="excerpt">_</div> and <div class="product-price">_</div> using developer tools in chrome but haven't managed to rearrange in CSS.

I'd also like to move .product-excerpt on MOBILE to below .product-title mobile

Any help appreciated.  

Hi,

You want

• Desktop: Move price under excerpt
• Mobile:move excerpt under product title

Is this right?

On 2/9/2021 at 12:30 PM, tuanphan said:

Hi,

You want

• Desktop: Move price under excerpt
• Mobile:move excerpt under product title

Is this right?

Hi @tuanphan,

If possible, yes.

On 2/10/2021 at 7:37 PM, smithandrew1993 said:

Hi @tuanphan,

If possible, yes.

Add to Design > Custom CSS

/* desktop position */
@media screen and (min-width:641px) {
div#productDetails {
    display: flex;
    flex-direction: column;
}
.product-excerpt {
    order: 2;
}
.product-price {
    order: 3;
}
.product-variants {
    order: 4;
}
.product-quantity-input {
    order: 5;
}
.sqs-add-to-cart-button-wrapper {
    order: 6;
}
.product-sharing {
    order: 7;
}
}

Hi I would like to know if it's possible to reduce the width of the boxes with special size and color ? 

Thank you for your help

On 4/11/2021 at 12:28 AM, ElizabethM said:

Hi I would like to know if it's possible to reduce the width of the boxes with special size and color ? 

 

Thank you for your help

Hi. Possibile. Can you share link to product in screenshot?

@tuanphan

This is the link

https://racontemoi.squarespace.com/boutique/p/to9f368pqxt3qxze2n9rfcakjb9f9h

On 4/20/2021 at 12:32 AM, ElizabethM said:

@tuanphan

This is the link

https://racontemoi.squarespace.com/boutique/p/to9f368pqxt3qxze2n9rfcakjb9f9h

 

Hi. Reduce width or height?

Also what is password?

Hi @tuanphan

I would like to Reduce width 

password : MRCbst2020

On 4/20/2021 at 12:32 AM, ElizabethM said:

@tuanphan

This is the link

https://racontemoi.squarespace.com/boutique/p/to9f368pqxt3qxze2n9rfcakjb9f9h

 

Hi. Can you check url?