Brooklyn - move "sold out" logo to middle of image on collection page

Hi, I would like to move the “SOLD OUT” logo to middle of image on collection page, please help thanks

hii, @vanessaliew
Kindly share your store URL so,
I can solve it perfectly.
Thank You.

hello @vanessaliew

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

Hi I’ll pm you @Kinjaldavra

hello @vanessaliew

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.template-collection  .grid-uniform  .grid-product__sold-out{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@vanessaliew
paste this code on top of the theme.scss file.

.grid-product__sold-out {
    margin-left: 50% !important;
}

Thank You.

Hi all,

sorry I think i wanna leave the “sold out” logo at the same position but I want to shift in a little to fit the picture, because the logo is being cut at the corner, kindly help me again thanks.