[Support request] Outline title (H1) font

[Bob]

I would like to add an outline (or shadow) to the fonts for my H1 tags that show over the featured images so that they are easier to read (home page, blog, posts). Do you have some css for that that I can put in the custom css section of the customizer?

Please advise.

Thanks,

Bob

[David]

Hi there,

you can throw a little text shadow at it like so:

.page-hero h1 { 
    text-shadow: 2px 2px #0000ff; 
}

[Bob]

Hi David:

That didn’t seem to have any effect.

Maybe I put the code in the wrong place.

I placed that code in the GeneratePress child theme here: Appearance > Customize > CSS.

Please let me know what I did wrong.

Regards,

Bob

[Leo]

That should be the correct place.

I’m not seeing the CSS being added though.

Can you try clearing any caching plugin if you are using one?

[Bob]

Hi Leo:

I’ve cleared the cache several times, but no change.

Usually when I add code to the additional css section I see the change taking place in the preview pane to the right, but not with this code.

Bob

[David]

In your Customizer > Additional CSS you have this:

.wpsp-card .wpsp-content-wrap {background: linear-gradient(0deg,rgba(0,0,0,.50) 60%,rgba(0,0,0,0) 100%);}Type a message

.page-hero h1 { 
    text-shadow: 2px 2px #0000ff; 
}

You need to remove Type a message it is this invalid code and it means no CSS below it will execute.

[Bob]

Excellent… that fixed it.

I got that code from a friend via Skype. I think the “Type a message” got in there when I copied and pasted from Skype.

I appreciate your help.

Bob

[David]

Haha 🙂 That makes sense.

Glad to be of help.

[Author]

Posts