How to centre the SOLD button on Brooklyn theme

Store Design
1

Hi there,

When a product is sold the button appears on the left side.

Screen Shot 2021-09-07 at 3.05.26 pm.png
Screen Shot 2021-09-07 at 3.05.26 pm.png3360Ă—2100 482 KB

How can I make it so that the SOLD button is centred.

My website is here

Thank you

2

Hii @Moosha ,
What do you want with your “sold” and “buy it now” buttons?
explain properly so I will help you.
Thank You.

3

@Moosha

can you please try this code.

  1. Go to Online Store->Theme->Edit code
  2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.
.product-single__add-to-cart {
align-items: center;
    justify-content: center;
}
4

Hi, I was literally just going through the same issue and came here to find the answer. I ended up figuring it out myself!

  1. Online Store

  2. Customize

  3. Click “Products” in the drop down menu

  4. Click “default products” & choose a product

  5. Under “add to cart button” edit the button size from small to large

Hope this makes sense and helps