Shopify themes, liquid, logos, and UX
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;
}
Solved! Go to the solution
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
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
Found the solution below, thank you for replying!
Hi, @st2000
Please share the store URL so that I can assist you.
Hi @st2000
Would you mind to share your store URL? Thanks!
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
Ah thanks for explaining that i was adding it to span midnight brain missed that! This worked, thank you so much!
.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
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
Found the solution below, thank you!
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:
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
This was perfect - Thank you! 🤘
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024