change sold out colour

[sjosborne]

I am trying to change the colour of my sale badge on the product page but for some reason it is stuck on this colour.

I want the full badge colour to be #FFDBE0 and text to be black. I have tried many codes to change but nothing is working.

[DaisyVo]

Hi @sjosborne can you share store password?

[sjosborne]

Hi, password is Addisyn2024!

[DaisyVo]

hi @sjosborne this password is wrong, please double check on this

[sjosborne]

hi. sorry i think it is reucka

[DaisyVo]

Hi @sjosborne

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

.product-form__buttons button {
    background: #FFDBE0 !important;
    color: #000 !important;
}

Result

Best,

DaisyVo

[ShishirHelps]

And brother

You can use a Nail design-related Shopify theme. It will be perfect for this nail category compared to the free theme.

Your product page and the Home page do not represent the whole brand. The product is more important than the other page. You can use the Bundle, upsell and downsell features on your product page, so it will increase your overall Conversion rate and LTV

https://www.nailreformation.com/collections/all-dreamiest-press-on-nails?gad_source=1&gclid=Cj0KCQjw1um-BhDtARIsABjU5x4–tVOJ1mzIK9jiumG4rPLyxnZIekKbIlXqxh8CFQyIf2IO4-NS24aArwdEALw_wcB

Look at that
My recent client’s example of a product page. You can follow the bundle and upsell features. It will increase overall sales.

If need complete guidelines on how you will design your store as a professional for the high volume of sales. You can let me know. I will share in details.

[sjosborne]

Hi, i used this but i ended up as the attached. I would like it in the photo you attached.

[DaisyVo]

Hi @sjosborne Do you add this code here?

[sjosborne]


Hi, yes I have

[DaisyVo]

you can try to add this here

[sjosborne]

amazing, can you explain how to do this part the same?

[DaisyVo]

Hi @sjosborne you can try to add this code

span.badge.price__badge-sold-out.color-scheme-1 {
    background: #ffdbe0 !important;
}

Result

[sjosborne]

Hi, I tried adding this in base.css but didn’t work.

[DaisyVo]

Hi @sjosborne you can add this here

[sjosborne]

Thank you!!

[DaisyVo]

Hi @sjosborne

Please let us know if our reply is helpful by marking it as a Solution!