How do I remove the border from the "Sold Out" badge on Spotlight theme?

Solved

How do I remove the border from the "Sold Out" badge on Spotlight theme?

ZRobb6
Visitor
2 0 0

Screen Shot 2024-03-09 at 11.31.48 AM.png

Hi there,

 

I'm trying to remove the border around the Sold Out badge in the image above. I'd like to keep the text, I just want to remove the border. Any help would be greatly appreciated!

Accepted Solution (1)

deepaksharma
Shopify Partner
449 63 101

This is an accepted solution.

Hello @ZRobb6 

 

Goto Online Stores>themes>Edit Code

 

Open base.css

paste this code at the bottom of the file

.badge{
  border: none!important;
 }

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

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com

View solution in original post

Replies 3 (3)

ThePrimeWeb
Shopify Partner
2139 616 524

Hey @ZRobb6,

 

Can you share the link to your store please? Thanks!

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

deepaksharma
Shopify Partner
449 63 101

This is an accepted solution.

Hello @ZRobb6 

 

Goto Online Stores>themes>Edit Code

 

Open base.css

paste this code at the bottom of the file

.badge{
  border: none!important;
 }

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

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com
ZRobb6
Visitor
2 0 0

Thanks! That did the trick!