To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more

center align share button on product page

Solved
WearAnime
Excursionist
18 0 4

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.


share button centeralign.png

Accepted Solution (1)

Accepted Solutions
GabrielS
Shopify Partner
447 95 93

This is an accepted solution.

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;
}

GabrielS_0-1665513912650.png

 

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 or empower me with a coffee.

View solution in original post

Replies 2 (2)
GabrielS
Shopify Partner
447 95 93

This is an accepted solution.

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;
}

GabrielS_0-1665513912650.png

 

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 or empower me with a coffee.
WearAnime
Excursionist
18 0 4

Thank you so much, Worked perfectly