How can I center the product title and price on my webpage?

[christian_russo]

hi everyone!

is it possible to center the title,price and size menu?

www.gallerychristian.com

password: Christianshop123

thanks in advance!

Christian Russo

[AvadaCommerce]

Hi @christian_russo ,

You can follow the instruction below:

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

.product .product__info-container .price.price--large,
.product-form__input .form__label,
.product__title {
    text-align: center !important;
}
.product-form__input--dropdown,
.product-form__buttons,
.select__select {
    margin: 0 auto !important;
}

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

[christian_russo]

hi!

it worked for the title and price but not for the size menu:

[AvadaCommerce]

Hi @christian_russo ,

You can try below code in section-main-product.css file:

.product-form__input .select {
    margin: 0 auto !important;
}

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

[christian_russo]

thanks!

[christian_russo]

is there also a way to center the price here?

[AvadaCommerce]

Hi @christian_russo ,

You can try below code in component-card.css file:

.card-information .price {
    text-align: center;
}

Hope it can help you. ^^

[christian_russo]

thank you it worked!