Center align text link on product page

[emilyaugstudios]

Hi community, what is the best way to center align 'THE SIZE GUIDE' link within my product card, currently it is left aligned. I have tried a few different things but none seem to have an effect so would love to know where I am going wrong 🙂

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

[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>
.lightly-spaced-row.not-in-quickbuy {
    text-align: 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.

[BSS-TekLabs]

<style>
.lightly-spaced-row.not-in-quickbuy {
    text-align: center !important;
}
</style>

[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>
.lightly-spaced-row.not-in-quickbuy {
    text-align: 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.

[BSSCommerce-B2B · Accepted solution]

@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>
.product-form .lightly-spaced-row.not-in-quickbuy {
  text-align: center!important;
}
</style>

Result:

[BSSCommerce-HDL]

@emilyaugstudios, Only for mobile. You can try: 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
@media only screen and (max-width: 767px) {
.lightly-spaced-row.not-in-quickbuy {
    text-align: center !important;
}
}
</style>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you  😍

[Sangeetanahar]

hello @emilyaugstudios 

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

@media (min-width: 768px) {
   
        justify-content: center !important;

    }
.product-info .detail {
    text-align: center;
}
}

Buy me a Pizza

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