Change product page button and right side width - DAWN Theme

Solved

Change product page button and right side width - DAWN Theme

ManuelH
Explorer
83 4 13

hey i want to change the width of the right part of the product page (see image) so that all aligns nicely on the right side. Variant and add to cart buttons should be same width as the description and the buttons underneath.

 

ManuelH_0-1719485118667.png

 

 

ManuelH_2-1719485206187.png

 

if anybody know anything about this let me know please.

 

Thanks

 

 

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
6827 1630 2009

This is an accepted solution.

You can add !important

.product-form__input, .product-form__buttons {
    max-width: 100% !important;
}

And Save. 

This code should work if it properly pasted. 

You provide me your store URL before by PM. 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

View solution in original post

Replies 5 (5)

Made4uo-Ribe
Shopify Partner
6827 1630 2009

Hi @ManuelH 

Check this one. 

  1. From you Admin page, go to Online Store > Themes
  1. Select the theme you want to edit
  2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  3. Then place the code below at the very bottom of the file.

 

.product-form__input, .product-form__buttons {
    max-width: 100%;
}

 

  • And Save. 
  • Result:
  • Made4uoRibe_0-1719485903628.png

     

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
ManuelH
Explorer
83 4 13

thanks man, but didnt work unfortunately. Btw how can you see what website I am on?

 

Made4uo-Ribe
Shopify Partner
6827 1630 2009

This is an accepted solution.

You can add !important

.product-form__input, .product-form__buttons {
    max-width: 100% !important;
}

And Save. 

This code should work if it properly pasted. 

You provide me your store URL before by PM. 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
ManuelH
Explorer
83 4 13

Thanks, so the commas are intentional between the classes?

ManuelH
Explorer
83 4 13

thank you it worked great!!!