How can I change the text color under the heading on my homepage?

Store Design
1

Hi all,

On my website, if you look at the main image on my homepage, you will see under the heading it says “For a better park system tomorrow” That text is kinda grey. Its not white. Cant figure it out. The button is white. The heading is white. But the text under the heading seems grey. How would I go about making that text white? You can view my website by visiting www.PennsylvaniaParks.org.

Thanks in advance for any help :slightly_smiling_face:

2

@Justin34 - add this css and check

.banner__text strong{opacity: 1; color: #fff;}
3

Hello Justin,
Such a beautiful thing you are doing on this website. Keep up the great work.

The reason that heading is not white is because it has a opacity of .75 instead of 1 (You can play around with that by right click and inspect element). That’s why the white font color looks like a grey color.
To fix this, there is likely a setting inside your customize to change the opacity to 1.

Taknify_0-1688436735447.png
Taknify_0-1688436735447.png3008×670 538 KB

This is without the opacity of 0.75 but instead 1.

Taknify_1-1688437043228.png
Taknify_1-1688437043228.png2292×950 434 KB

There are other ways to fix this depending on the theme you are using. Let me know if you get stuck on it.

Taknify

4

Worked perfectly :slightly_smiling_face: One last question. Is there a way to make the text on the buttons on my main image banner (the same one you just helped with) bold? The text is kinda dull. But making it bold would really make it stand out. Thanks in advance :slightly_smiling_face:

5

Thank you for your kind words :slightly_smiling_face: Got it resolved :grinning_face_with_smiling_eyes:

6

Hi this is awesome help. I’ve been having the same problem and in the inspect element its tell me “(index):384” - where might one find this on the shopify code editor? Many thanks