center align share button on product page

WearAnime · ‎10-11-2022

Hi,

Can somebody tell me how to center align the share button on a product page please. Please see the screen shot.

My website URL is www.wearanime.co.uk and the password is Ihaiya

Thank you for any advice in advance.

GabrielS · ‎10-11-2022

Hello,

You can center that button by adding the below CSS at the end of your base.css file.

button.share-button__button {
  margin: 0 auto;
}

Hope that helps!

Cheers!

Gabriel Soare | Web Developer
Are you looking to customize your Shopify or to fix a website bug?
You can reach me through my website gabrielsoare.com, DM, or email hello@gabrielsoare.com.
Have I helped you? Like my post.

View solution in original post

GabrielS · ‎10-11-2022

Hello,

You can center that button by adding the below CSS at the end of your base.css file.

button.share-button__button {
  margin: 0 auto;
}

Hope that helps!

Cheers!

Gabriel Soare | Web Developer
Are you looking to customize your Shopify or to fix a website bug?
You can reach me through my website gabrielsoare.com, DM, or email hello@gabrielsoare.com.
Have I helped you? Like my post.

WearAnime · ‎10-11-2022

Thank you so much, Worked perfectly

center align share button on product page

center align share button on product page

Community Blog Articles