How to change the color of heading text in image banner on desktop device

Topic summary

A user needs to change the heading text color in an image banner from white to black, but only on desktop devices. The mobile version already displays the correct black color.

Attempted Solution:
A community helper suggested adding CSS code to the base.css file:

.banner__heading.inline-richtext {
  color: #000;
}

Current Status:

  • The proposed CSS solution did not work
  • The issue remains unresolved
  • The user confirmed mobile displays correctly in black, but desktop still shows white
  • Website URL provided: www.pawshubs.com

The discussion is ongoing with no working solution yet identified.

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

Hello community,i need to change the color just on desktop device which is white.and i need to be in black.In mobile device i have black and i want to have the same color also in other devices.The first image is on desktop and the second on mobile.

1 Like

This is Richard from PageFly - Shopify Page Builder App

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

Best regards,

Richard | PageFly

1 Like

Hello @PageFly-Richard this is my website url: www.pawshubs.com

Hi @VisarK

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.banner__heading.inline-richtext {
color: #000;
}

It doesnt work @ZestardTech

The text of heading to change in black,in desktop in mobile is good