Using Palo Alto theme, how can I remove strike through line on sold out product variants?

Hi, i want to make a minor change where I just remove the strike through the wording, the background can remain grey. Can anyone help? I tried doing the below but it didn’t work.

.radio_button sold out {
text-decoration: none;
}

2 Likes

Hi @st2000 ,
Can you kindly share your store link (with the password protected, if any) with us? We will check it and suggest you a solution if possible.

Hi, @st2000

Please share the store URL so that I can assist you.

Hi @st2000

Would you mind to share your store URL? Thanks!

Hi @st2000 ,

You’ve applied the text-decoration to the span with the class sold-out.

Instead, please use the following code:

.radio__button.sold-out .radio__label,
.radio__button.unavailable .radio__label 
{ 
text-decoration: none; 
}

If this still doesn’t work, you can add !important to the text-decoration like this:

.radio__button.sold-out .radio__label,
.radio__button.unavailable .radio__label 
{ 
text-decoration: none !important; 
}

If you encounter any issues, please feel free to reach out to us.

I hope this helps! If it does, please like it and mark it as a solution!
Regards,
Sweans

.radio_button .sold-out {
text-decoration: none !important;
}

Can you try it.

If it doesn’t work please give me the url so I can help you @st2000

Found the solution below, thank you!

Found the solution below, thank you for replying!

1 Like

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the tag


Result:

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Ah thanks for explaining that i was adding it to span midnight brain missed that! This worked, thank you so much!

This was perfect - Thank you! :sign_of_the_horns: