Change product page button and right side width - DAWN Theme

Solved

Change product page button and right side width - DAWN Theme

ManuelH
Explorer
92 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
10036 2387 3013

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 are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

View solution in original post

Replies 5 (5)

Made4uo-Ribe
Shopify Partner
10036 2387 3013

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 are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
ManuelH
Explorer
92 4 13

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

 

Made4uo-Ribe
Shopify Partner
10036 2387 3013

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 are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
ManuelH
Explorer
92 4 13

Thanks, so the commas are intentional between the classes?

ManuelH
Explorer
92 4 13

thank you it worked great!!!