Change text-color CustomerAccount page

Store Design
, , , ,

Topic summary

Goal: change text color on Shopify Customer Account pages (notably H2 headings).

Proposed solutions:

  • Edit Online Store > Themes > Edit code > customer.css and add: .customer.account h2 { color: yourColor !important; }. Screenshot provided showing result (example used “red”).
  • Alternatively, edit Base.css and add the same rule (example used “black”). Using !important helps override existing theme styles.
  • Another suggestion: insert a custom rule before in theme.liquid to target .customer.account elements. However, the exact code snippet wasn’t included in the post, only a result screenshot.

Additional note: A developer requested the site URL to assist further.

Status: no confirmation from the original poster; solution not yet verified as resolved.

Context tips:

  • The selector .customer.account h2 targets H2 headings on customer account pages.
  • Replace the example colors (“red”/“black”) with the desired color value.
  • Screenshots illustrate where to add code and the visual outcome.
Summarized with AI on December 22. AI used: gpt-5.
1

Hi guys,

Been trying to change the text-color in the customer account. I tried doing so via the CSS, but can’t seem to get it.

Can anyone help me with it please?

Thanks

JesusGomicare_0-1722993827323.png
JesusGomicare_0-1722993827323.png1083×502 27.4 KB

1 Like
2

Hi @JesusGomicare

Step 1. Go to Admin → Online store → Theme > Edit code

Step 2. Find the file customer.css. Search for the following CSS snippet

.customer.account h2 {
    color: red !important;
}

Result

BSSCommerceB2B_0-1722994414530.png
BSSCommerceB2B_0-1722994414530.png1285×389 15.7 KB

If it helps you, please like and mark it as the solution.

Best Regards

3

This is Richard from PageFly - Shopify Page Builder App

Hi @JesusGomicare I can help you. Please can you provide the website url. Thank you.

Best regards,

Richard | PageFly

4

Hi @JesusGomicare ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Here is result:

BSSCommerceHDL_0-1722994548904.png
BSSCommerceHDL_0-1722994548904.png1253×367 19.6 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

5

Hi @JesusGomicare ,

You can edit this by adding a simple line of code.

Go to online store > themes > Click on three dots of current theme > edit code > search in the left sidebar for Base.css > paste the code below

.customer.account h2 {

color:black !important;

}

I hope this helps! If it does, please like it and mark it as a solution!

If you need further assistance, feel free to reach out!

Regards,
Sweans