Archived topic
The Heading Title is being matched with the background image on Site Header
3 replies · Started by Md Nasir on July 22, 2019
Please check the site URL and see the heading Title color is not that much focused and visible because of the header image. How to add Text Overlay on the header so that my Text pop up always no matter the color of the image used on header.
How to fix this?
Here is my current settings https://www.dropbox.com/s/j45uig39lwck318/Screenshot%202019-07-23%2002.26.16.png?dl=0
Hi there,
Have you considered changing the text color for the page hero?
https://www.screencast.com/t/i3YX97chJxcc
You can also add a text shadow like this:
.page-hero h1 {
text-shadow: 1px 5px 8px rgba(0, 0, 0, 0.7);
}I used the same in Grill:
https://gpsites.co/grill/
Let me know if this helps :)
The shadow thing working. Thanks.
But I think GP should simplify this (without any code). I made text color to White..but it blends with the background.
Thanks.
There isn't a way for us to tell if your text color blends in with the background image or not - both are your choices.
You can also apply a background overlay for the header element for the white text to show.
