How do I center align elements in my product page? Dawn Theme

Store Design
1

Hi all,

Can someone please assist me with aligning elements as shown in the image? I have been struggling with this all day long…my store URL is here

Center product page elements.png
Center product page elements.png1366×1104 288 KB

2

Hi @PeterMantu !

Let’s try the following:

  • To center the price:
.product .price {
    align-items: flex-start;
    float: center !important;
    justify-content: center;
}

In the code above, “justify-content: center;” was added.

  • To center the quantities modifier, add the following:
.product-form__quantity {
    margin: auto;
}

Cheers!

3

Hi @JHKCreate , thanks for your response. Can you please advice as to where I should paste the above codes?