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

Solved

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

st2000
Tourist
4 0 3

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;
}

Screenshot 2024-07-17 at 04.31.11.png

Accepted Solution (1)

Sweans
Shopify Partner
406 80 124

This is an accepted solution.

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

- Was my reply helpful? Please Like and Accept the Solution or let me know by Buying me coffee!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me at info@sweans.com regarding any help.
- To know more about me check out www.sweans.com

View solution in original post

Replies 10 (10)

BSSCommerce-HDL
Shopify Partner
2305 848 1064

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.

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

st2000
Tourist
4 0 3

Found the solution below, thank you for replying!

AnneLuo
Shopify Partner
966 181 206

Hi, @st2000 

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

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

Made4uo-Ribe
Shopify Partner
8314 1996 2454

Hi @st2000 

Would you mind to share your store URL? Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

Sweans
Shopify Partner
406 80 124

This is an accepted solution.

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

- Was my reply helpful? Please Like and Accept the Solution or let me know by Buying me coffee!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me at info@sweans.com regarding any help.
- To know more about me check out www.sweans.com

st2000
Tourist
4 0 3

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

BSS-TekLabs
Shopify Partner
2350 702 827
.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 

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


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

st2000
Tourist
4 0 3

Found the solution below, thank you!

AnneLuo
Shopify Partner
966 181 206

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 </head> tag

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

Result:

AnneLuo_0-1721296702231.png

 


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

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

eyemiller
Visitor
1 0 0

This was perfect - Thank you! 🤘