Problem With Centering Variety Pills, Quantity, And Buy Buttons Dawn 13.0.1

Store Design
, , , , , ,
1

Hello,

My size variety pills, quantity buttons, and buy buttons are off center. They’re centered but from the overall page they’re still very far away. Can anyone give me a fix for this? I have this issue in the home page as well as the specific product page itself. Also, every single product has this off-center issue on my store. Thanks in advance. My store url is clubevince.com

ClubEvince_0-1709961862093.png
ClubEvince_0-1709961862093.png400×311 32.6 KB

ClubEvince_1-1709961862052.png
ClubEvince_1-1709961862052.png999×480 295 KB

Thanks in advance!

2

Hi @ClubEvince

Check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

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

And Save.

Result:

Made4uoRibe_0-1709989619366.png
Made4uoRibe_0-1709989619366.png816×762 25.9 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!