I want to center the product's informations on all my product page on mobile and desktop

Store Design
, ,
1

Hello,

I want to center the product’s informations on all my product page on mobile and desktop.

Thanks.

2

Hi @embracethegrind

  1. From your Shopify Admin, navigate to Online Store > Themes > Edit Code
  2. In the Assets folder, open base.css and add your CSS code at the end
.product__info-container {
    text-align: center;
    margin: 0 auto;
}
.product-form__input {
    margin: 0 auto;
}
.product-form__buttons {
    margin: 0 auto;
}

image
image1314×594 68.6 KB

image
image406×537 15.1 KB

Note: If you’d like my help with these impliment, feel free to contact me at devcodersp@gmail.com.

3

Capture d’écran 2025-09-01 à 19.33.02
Capture d’écran 2025-09-01 à 19.33.021340×910 16.6 KB

Hi it worked at first but now it is like that can you please correct

4

Hi @embracethegrind

  1. From your Shopify Admin, navigate to Online Store > Themes > Edit Code
  2. In the Assets folder, open base.css and add your CSS code at the end
.product-form__input {
    margin: 0 auto!important;
}

image
image1323×396 80.9 KB

5

You can change your settings and customizations through your Online Store-Theme-Customize, and use the left hand Column organizational tools and settings.

If your theme is unable to perform basic functions, such as providing margin settings, you should obtain a better Shopify Theme.

There are many YouTube how-to videos and there are many previous posts here for such questions. You can even use Google Search.