Center text in product description on desktop

[shortHairRASTA]

Hello,

I need to center the text (product title, price, the word “color” and the dropdown, the word “quantity” and the dropdown, and the “view all details” link beneath the buy button in the product description on the desktop version of home page of the website:

Also, I need to center the menu item links in the footer on the desktop version of the website. I seem to have managed to get the “Site Links” header, image, and text box centered on desktop version, but it does not center the “track your order” and contact us" links properly on mobile:

Thank you for your help with this!

[developerSP]

Hello @shortHairRASTA

Please share your store URL with password if its protected? So i can give you better solution. Thanks!

Thank You

[shortHairRASTA]

Sorry! Didn’t even realize that I didn’t post it. The URL is www.luxedecorista.com

[developerSP]

Hello @shortHairRASTA
please add this css Asset > base.css and paste this at the bottom of the file:-

.footer-block * {
justify-content: center!important;
}

[shortHairRASTA]

In the Assets folder, there is no theme.css option.

[developerSP]

Hello @shortHairRASTA
please add this css Asset > base.css and paste this at the bottom of the file:-

.footer-block * {
justify-content: center!important;
}

[shortHairRASTA]

This worked perfectly. Thank you!

Is anyone able to help me center the text in the product description on the home page?

[developerSP]

Hello @shortHairRASTA
please add this css Asset > base.css and paste this at the bottom of the file:-

.product-form__input--dropdown {
    text-align: center;
    justify-content: center;
}
.product-form__input--dropdown .select {
    margin: 0 auto;
}
.product__info-container>*+* {
    margin: 0 auto;
    text-align: center;
}
quantity-input.quantity {
    margin: 0 auto;
}

[shortHairRASTA]

I pasted exactly as described, but the items are still not centered I thought for sure that would work.

[developerSP]

Hello @shortHairRASTA

Working fine!

[shortHairRASTA]

Can you look at the featured product section near the bottom of the home page? It doesn’t appear that the text is centered in that particular featured product section. No idea why it’s not affecting that section.

[developerSP]

Hello @shortHairRASTA

Share me this store url.

[shortHairRASTA]

It’s www.luxedecorista.com. The home page, near the bottom. Is it showing as centered on your screen?

[developerSP]

Hello @shortHairRASTA

Working fine in my pc.