Free Shipping in Cart in Green

Store Design

Topic summary

A user wants to change the free shipping text color to green in their cart on a Prestige theme Shopify store. Multiple solutions were offered:

Initial Attempts:

  • First CSS solution targeting .cart-drawer .free-shipping-bar .text-subdued was provided but didn’t work
  • Issue identified: the theme.css file had a syntax error with a missing closing bracket } at line 7724

Proposed Solutions:

  1. Fix the CSS syntax error first, then add the color code #056405
  2. Add custom CSS via theme customizer targeting span.text-subdued
  3. Add CSS to theme.css targeting the full cart-drawer selector with color #008000

Status: The discussion remains open with no confirmed resolution. The user needs to fix the existing CSS error before any color change solution will work properly.

Summarized with AI on October 24. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I want the free shiping text in green

Prestige Theme

image
image411×738 39.3 KB

1 Like
3

Hi @MS2333

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

4

@MS2333 can you please share this page link? it will need css

5

www.45keys.com is the page

6

@MS2333 please add this css to the very end of your theme.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → theme.css

.cart-drawer .free-shipping-bar .text-subdued{color: #056405;}
7

I checked but unfortanely doesn´t work

8

@MS2333 - it is because your css file has a mistake, closing bracket } of a css property is not closed, please check screenshot below and put closing bracket } at line 7724

image
image1366×768 209 KB

9

Hello @MS2333 ,

I hope you are well!

Please copy and paste the code below by going to the Online store >> Themes >> Customize >> Click on Settings icon to the left >> Scroll down to the bottom and paste it to the custom CSS tab.

span.text-subdued {
color: green;
}

10

Hello @MS2333

Please follow the steps below after logging into the Shopify admin:

  • Go to your Shopify Admin panel.

  • Click on Online Store > Themes.

  • Find the live theme and then click Actions > Edit code.

  • Search theme.css

  • Insert the provided CSS code at the bottom of the file and save the changes.

cart-drawer#cart-drawer free-shipping-bar.free-shipping-bar .text-subdued
{
    color: #008000;
}

Please hit Like and Mark it as a Solution if you find our reply helpful.