How can I change my heading color to match my primary text?

Store Design
1

Hi!

I would like to change the color of my heading in the “image with text overlay”, I want it to be white like the primary body text.

I managed to change the primary body text in white, but I can’t find a code for the heading.

Thanks!

2

Hi @Samara23

Would you mind sharing your store’s URL so we can provide a solution for this?

Cheers!

3

https://samaraboho.myshopify.com/?_ab=0&_fd=0&_sc=1&key=540ae4fb5645d2ce5045d4c26c942b4504aac404b88cece1879f3c45fa4e5d4e

4

Would it be that section here? “Cork Yoga Mats”?

5

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

6

“Cork yoga mats” should be in white.

Thank you!

7

yes exactly

8

Hi!

https://samaraboho.myshopify.com/?_ab=0&_fd=0&_sc=1&key=540ae4fb5645d2ce5045d4c26c942b4504aac404b88cece1879f3c45fa4e5d4e

The theme I use is narrative.

Thank you!

9

@Samara23

h2.hero__overlay-title.separator.h1.has-animated {
    color: red !important;
}

Add this code in the bottom of the theme.scss file.
Use the color according to your Choice.

10

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
#shopify-section-1621417258e2da605a .h3,
h3,
.h3,
.rich-text p,
.featured-product__content-wrapper h2.product__title,
div#shopify-section-16272974120adb2f04 h2,
.card__excerpt.rte{
color: #162020;
}

.site-footer a,
.site-footer__newsletter-label,
.site-footer__newsletter-subheading,
.site-footer .input-group--underline input::placeholder,
.site-footer__newsletter .btn--newsletter__submit{
color: white;
}
11

Thank you so much it works!!

12

Perfect thank you so much!

13

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.