Center align all product card information

[emilyaugstudios]

Hi community! Does anyone know how to center align all product card information? Currently it all displays left aligned. 

Thank you 😊

URL (Symmetry theme) – https://pantee.co.uk/?_ab=0&_fd=0&_sc=1&preview_theme_id=144118972631

Current look –

What we are aiming for –

[BSSCommerce-B2B]

@emilyaugstudios ,

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file theme.liquid.

Step 3. Add this code above </body>

<style>
.detail.product-column-right * {
  text-align: center!important;
}
.not-in-quickbuy .lightly-spaced-row {
  text-align: left!important;
}
</style>

[BSSCommerce-B2B]

Result for you:

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @emilyaugstudios 
- Please follow these steps:

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
.product-title, .product-info-block, .product-form .option-selector {
    text-align: center !important;
}
.option-selector__btns {
    justify-content: center !important;
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Sangeetanahar]

helloi @emilyaugstudios 

Go to online store ----> themes ----> actions ----> edit code ---->assets ----> main.css...>
add the code end of the file

@media (min-width: 768px) {
    .price-container {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center !important;
    }


.product-form.sticky-content-container {
    text-align: center;
}
}

result

Buy me a Pizza

If this was helpful, hit the like button and accept the solution.
Thanks