How can I center align the quick add button on the product?

Shopify Discussion
1

Hi! I would like to center align the quick add button on the product and it possible make the button width slightly wider. I can’t find a way to do this and would appreciate any help! Thanks

Pinksox_0-1689244620885.png
Pinksox_0-1689244620885.png373×438 40.3 KB

2

Hi @Pinksox ,

You can try the following steps to customize the Quick add button as you want:

  1. Go to Shopify admin > Online store > Themes > choose Edit code on the theme you want to edit.

  2. Find the base.css file under Assets folder and insert the following CSS code at the bottom of the file:

.quick-add.no-js-hidden {

justify-content: center;

width: 120px;

}

Save your changes after that and check on the store front to see if it works.

I hope this can help.