How can I center the price information under the product on the website?

Store Design
, ,
1

How can I make a price information center on the website? As seen in the screenshot, the price appears below the product on the left.

https://texas-hand-gun-grip.myshopify.com/ << password is : 123
Theme : Motion

xc.PNG
xc.PNG1558×925 196 KB

2

Hello Atakanokums!

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.scss

Step 3: Paste the below code at bottom of the file → Save

.grid__item .grid-product__content .grid-product__meta .grid-product__title {margin: 0 auto;}

.grid__item .grid-product__content .grid-product__meta .grid-product__price {text-align: center;}

3

Hello @atakanokums

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.

.grid-product__price {
    text-align: center;
}
.grid-product__title {
    width: 100% !important;
}
4

Hi @atakanokums ,

You can use the code below.

  1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
  2. Go to Asset folder and open the theme.scss file
  3. At very end of the code, add the code below
.grid-product__price {
    text-align: center;
}