Change checkout text color from black to white

Product Development & Sourcing

Topic summary

Goal: Change the Shopify checkout text color from black to white while keeping the green background.

Recent activity:

  • A request was made for the store URL to provide exact code; the link was shared: https://vlanoria.com/.
  • A representative from PageFly suggested adding a CSS rule in Online Store > Theme > Edit code > base.css: span.AjwsM { color: white !important; }.

Result:

  • The proposed CSS did not work; the checkout text color remained unchanged.

Status:

  • Unresolved. No confirmed solution yet; further guidance is awaited.

Technical notes:

  • CSS (Cascading Style Sheets) controls visual styling like text color; base.css is the theme’s stylesheet.
  • The suggestion targeted the span.AjwsM selector specifically in the checkout section.

Assets:

  • An image of the checkout section was shared to illustrate the area needing the color change.
Summarized with AI on January 4. AI used: gpt-5.
1

vlanoria_0-1708735528423.png

This is the section for checkout on Shopify. I need help to code the black color to white and keep the same background green.

2

Can you please share a link to the store, so I can give you the exact code

3

https://vlanoria.com/

4

Hi @vlanoria

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

span.AjwsM {

color: white !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

5

Hi Henry,

the code provided above did not work.