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.
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! 🤘
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By 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, 2024