How to change the color of the heading text on image banner?

Store Design
, ,

Topic summary

A user needed to change the heading text color on an image banner from white to black, specifically for desktop devices.

Solution provided:

  • Navigate to Shopify Admin → Online Store → Theme → Edit code
  • Locate the theme.liquid file
  • Insert custom CSS code above the </head> tag to override the heading color

Outcome:
The solution was successfully implemented and confirmed working by the original poster. The discussion includes screenshots showing the before/after results and the specific CSS code snippet needed for the customization.

Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.
1

Hello everyone,i need to change the color of the text of heading on image banner from white to black just on desktop device.

Screenshot_20240809_012845_Chrome.jpg
Screenshot_20240809_012845_Chrome.jpg1080×1771 112 KB

1 Like
2

Hi @VisarK ,

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-1723165575620.png
BSSCommerceHDL_0-1723165575620.png901×727 257 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:

1 Like
3

Thanks a lot @BSSCommerce-HDL it works

1 Like
4

@VisarK , No problem. Have a good day :heart_eyes:

1 Like