Topic summary
A user seeks to change the discount text color to white on their Shopify store. A solution is provided through CSS customization:
Steps to implement:
- Navigate to Shopify Admin → Online Store → Theme → Edit code
- Locate one of these files: base.css, theme.css, styles.css, custom.css, or theme.scss.liquid
- Add the following CSS code at the bottom of the file:
.badge-list .badge {
color: #fff;
}
- Save the file
This CSS targets the badge elements containing discount text and applies white color (#fff) to them. The discussion appears resolved with a straightforward technical solution provided.
Hello @Ryusei_1
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid
Step 3: Insert the below code at the bottom of the file → Save
.badge-list .badge {
color: #fff;
}
Best Regards,
Dws_pvt_ltd