Dawn Theme: Product Page display allignment

Solved
iamdawnumcm
Excursionist
25 0 6

Dear team:

 

 

This is my url:https://7xyzhhcaxjvgux76-42324328597.shopifypreview.com

I have notice that the size selection for my rings are not aligned at center. Please advice 

Screen Shot 2021-10-22 at 12.11.01 AM.png

Accepted Solutions (2)

Accepted Solutions
dmwwebartisan
Shopify Partner
9731 2224 3053

This is an accepted solution.

@iamdawnumcm 

Please Go to Online Store->Theme->Edit code then go to assets/section-main-product.css ->paste below code at the bottom of the file. 

.product-form__input {
    min-width: inherit !important ;
    width: max-content !important;
    margin: 0 auto !important;
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

KetanKumar
Shopify Partner
24919 2495 9027

This is an accepted solution.

@iamdawnumcm 

sorry for that issue can you please just add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/section-main-product.css ->paste below code at the bottom of the file.

.product-form__input {text-align: center;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 2 (2)
dmwwebartisan
Shopify Partner
9731 2224 3053

This is an accepted solution.

@iamdawnumcm 

Please Go to Online Store->Theme->Edit code then go to assets/section-main-product.css ->paste below code at the bottom of the file. 

.product-form__input {
    min-width: inherit !important ;
    width: max-content !important;
    margin: 0 auto !important;
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

KetanKumar
Shopify Partner
24919 2495 9027

This is an accepted solution.

@iamdawnumcm 

sorry for that issue can you please just add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/section-main-product.css ->paste below code at the bottom of the file.

.product-form__input {text-align: center;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post