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

vanessaliew
Excursionist
44 0 17

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

 

8.PNG

0 Likes

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

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme,
Hire us | Whatsapp. or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Buy me a coffee ☕ Donate Us
0 Likes
Natztech
Shopify Partner
2127 545 1298

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.

0 Likes
vanessaliew
Excursionist
44 0 17

Hi I'll pm you @Natztech 

0 Likes
Natztech
Shopify Partner
2127 545 1298

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

 

 

0 Likes

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

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

Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme,
Hire us | Whatsapp. or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Buy me a coffee ☕ Donate Us
0 Likes
vanessaliew
Excursionist
44 0 17

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.

1.PNG

0 Likes