Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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.
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
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
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
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! 🤘