How to remove sold out text on the product page

[imazele]

Hello I want to remove this sold out text from my product page ! I only want to keep the sold out button ! You can see on the picture below in the red circle the part I want to remove ! I also want the price to be in center like the other size who are not sold out ! here is my product page link : https://www.five-pocket.com/products/pro-club-heavy-weight-t-shirt-white?variant=48361426190685

[Moeed]

Hey @imazele

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Sajat]

Hi @imazele

A shopify way to do it is

1. Go to Online Store

2. Edit Code

3. Goto Assets → section-main-products.css

4. Search for .product .price–sold-out .price__badge-sold-out

5. Replace

.product .price--sold-out .price__badge-sold-out {
background: transparent;
color: rgb(var(--color-base-text));
border-color: transparent;
}

with

.product .price--sold-out .price__badge-sold-out {
background: transparent;
color: rgb(var(--color-base-text));
border-color: transparent;
display:none !important;
}

It should work. Thanks.

[SideNode]

hi @imazele

Its SideNode! We will be happy to help you today.

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->section-main-product.css>Add this code at the bottom.

span.badge.price__badge-sold-out {
    display: none;
}

you can see the change also

If I was able to assist you, please remember to give it a Like and Mark it as the Solution!

Let me know if need further assistance
Regards,
SideNode