How can I center and resize product details on my website?

[oscaroline]

Hello

I want to centre everything (vendor, price, title, swatches) below product image.

and make price and title the same font size with a little bit more space between each line.

website: sundaypaloma.com

[GemPages]

Hello @oscaroline ,

It’s GemPages support team and glad to support you today.

I would like to give you a recommendation to support you so kindly follow steps below:

1. Go to Online Store > Theme > Edit code of your current theme

2. Open your theme.liquid theme file

3. Paste the below code before

For example,

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

[KetanKumar]

@oscaroline

yes, please add proper theme css file

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

.product-card-wrapper .card__content .card__information,
.product-card-wrapper .card__content .card__information .card__heading, 
.product-card-wrapper .card__content .card__information .card-information {
  text-align: center;
}
.product-card-wrapper .card__content .card__information .swatches-globo--list .ul-swatches-list {
  justify-content: center;
}