Sold button to say "sold" not "sold out" and to be moved to the bottom left corner - Pipeline Theme

[awirtz]

I would like to have the sold out button on my images to just say “sold” and have it moved to the bottom left corner of the image (flush on the left and bottom side). Is there code that I can put in to make this change?

Also, I would like to change the color of the sold button to be: #576166

My site with this theme is not published yet but here is a preview link:

https://xgz0jtxplxt5cnn0-57200312371.shopifypreview.com

[BSSCommerce-HDL]

Hi @awirtz ,

You can try this code by following these steps:

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file → Save

.product__badge.product__badge--sold {
    top: unset !important;
    bottom: 10px !important;
    left: 10px !important;
    right: unset !important;
}

Step 4: Search theme.liquid. After you insert my code inside it

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

[awirtz]

Hello,

Thank you for the quick response. The first bit of code worked to move the sold button to the bottom left corner. The second bit of code did not work to get it to just say “sold” instead of “sold out”.

I added the code to line 217 on the theme.liquid

[BSSCommerce-HDL]

Hi @awirtz , Oh sorry, pls add my code second before close body tags

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

[awirtz]

Thanks again for the help but this didn’t work either. See the screen shot for where I put in the code.

[BSSCommerce-HDL]

Hi @awirtz , Pls try with this code:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

[awirtz]

That worked! Thank you very much.