How to Change Header Overlay Font On One Page

Hi!! I was wondering how I can target the header overlay text  to be a different coloured font on one of my pages.

I also want to get rid of the shadow behind the text but only for this page.

The section is the "What We Do" index page of my homepage. I want the font to be #hsl(195, 7%, 23%).

Here is the URL: https://penguin-roadrunner-4c8m.squarespace.com/ 

and password: Skyfall77

@ecs_cares Add to Home > Design > Custom CSS

div#block-yui_3_17_2_1_1575586740293_26665 h3 strong {
    color: hsl(195, 7%, 23%) !important;
}

Hi! I am trying to do a similar thing. I want the header overlay text of my homepage (welcome to the library) to have font that are two separate colors. I want 'Library' to be green. I don't want this code to change other headings of my site. Can you help?

On 1/13/2020 at 9:49 PM, Kaylancl151 said:

Hi! I am trying to do a similar thing. I want the header overlay text of my homepage (welcome to the library) to have font that are two separate colors. I want 'Library' to be green. I don't want this code to change other headings of my site. Can you help?

Difficult to help without site url.