How can I center the price and text under product images on the main page?

Store Design
1

Hello!

I would like to center the price and text under the product image, how can I do that in the code?

centertext-price.png
centertext-price.png1905×963 151 KB

Thanks in advance!

1 Like
2

Hi @RICARDO-watches ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/component-card.css->paste below code at the bottom of the file:
.card-information__wrapper {
    text-align: center;
}
.card-information__wrapper>.price {
    justify-content: center !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

3

@RICARDO-watches

sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file.
.card-information, .card__information {text-align: center;}