How do we move the 'Sold Out' tag to the centre of the product on the collection pages?

Solved
Tourist
13 0 0

Hey Guys, 

 

Can anyone help? Our 'Sold Out' product tag is currently sitting on the top right corner of the products on the collections pages, we'd like it to sit in the middle.

We've already managed to change the colour of it, now we just need to move it!

 

We're using the Impulse theme and our website is www.newgateworld.com

 

Thanks in advance :-)

0 Likes

Success.

This might not be a perfect solution, but it works!

Add these rules to existing css selector where you changed the background and color. you can tweak the values as you like. hope you already know the file  (theme.scss.liquid)

.grid-product__tag {
    background-color: lightgray;
    color: gray;

    top: 50%;
    margin-top: -45px;
    right: 50%;
    margin-right: -30px;
}

Original Watches – Newgate World 2019-06-25 10-03-07.png

Available for hiring. Inbox me lixonic[at]gmail[dot]com
1 Like
Highlighted
Tourist
13 0 0

Perfect thanks so much!

0 Likes