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
394 76 117

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
1992 698 849

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.

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


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
st2000
Tourist
4 0 3

Found the solution below, thank you for replying!

AnneLuo
Shopify Partner
902 167 191

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
7676 1850 2266

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
394 76 117

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
1940 561 656
.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 .
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
BSS Commerce - Full-service eCommerce Agency

For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase


Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell

st2000
Tourist
4 0 3

Found the solution below, thank you!

AnneLuo
Shopify Partner
902 167 191

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! 🤘