Changing the color of the subheading text in a gallery

Shopify Discussion

Topic summary

A user is attempting to change the subheading text color in a gallery on their Shopify site (buoyavital.com) using the “Be Yours” theme. Despite successfully changing the heading font to black, the subheading remains black and won’t update.

Proposed Solutions:

  • Two community members suggested adding custom CSS code to the theme’s base.css file (found in Online Store → Theme → Edit code → Assets)
  • The CSS targets the specific gallery section ID and overlay text heading class
  • One solution specifies targeting the h3 element within the overlay text heading class

Implementation:

  • The code should be pasted at the bottom of the base.css file
  • One responder provided a screenshot showing their solution working

Status: The discussion remains ongoing, as the original poster reported the first solution didn’t work for them. An alternative CSS snippet was provided, with instructions to place it at the bottom of the base.css file.

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

Hi everyone, I have tried with no luck to change the subheading text in a gallery on my site. www.buoyavital.com

The theme is “Be Yours”

Screen shot is the editing panel. As you can see I have managed the change the heading font to black but the subheading is still appearing black.

Thank you in advanced.

Screenshot 1402-01-28 at 13.35.58.png
Screenshot 1402-01-28 at 13.35.58.png2548×1104 254 KB

2

Hi @buoya23

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

#shopify-section-template--16635844559103__9442f575-7117-4289-b313-fec2214d0388 .overlay-text__heading {
    color: red !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

3

No luck with this one :disappointed_face: Thank you anyway. Any other suggestions?

4

@buoya23 This is the result when I add the code, if my solution doesn’t work you should contact the theme or seek help from an expert

PageFlyVictor_0-1681717011477.png
PageFlyVictor_0-1681717011477.png1920×1080 399 KB

5

HI @buoya23 ,

You can try using this code

#shopify-section-template--16635844559103__9442f575-7117-4289-b313-fec2214d0388 .overlay-text__heading.h3 { color: red; }
6

Hi ok great thanks. Where exactly should I copy and paste the code? Down the bottom of the code page of Base.css?

7

Hi,

Yes you can paste at the bottom of base.css file