How do I change the text colour on the hero image

Shapely
1

Hi
I installed the demo site for my website.
The demo has a dark hero image with white text colour for the headline.
How do I make that text colour a dark grey?

I’ve attached a screen grab.
You cannot see the text headline as the background is white.

Thank you
Lynette

2

Hi,

Is it possible to give the website URL, so that we can provide you a Custom CSS fix, if you don’t want the public to see then you can set the reply as “private”

Let us know,

Thanks,
laranz.

3

Hi Iaranz

The link is www.pollyannaconsulting.com

Also, I noticed that the image doesn’t seem to scroll upwards? So you cannot really see the keyboard at the top of the image.
I am not sure if it’s because my logo is too tall hence the header is too big and affects the image below.

Thanks much!
Lynette

4

Hi,

It is in coming soon page, please pass us the temporary login to see the website.

Let us know,

Thanks,
laranz.

5

Hi Iaranz

Not sure if you got my message which I responded via email. I created a user ID:

Username: admin
email: [email protected]
Password: XCo9qUF%R8xk%w5tDajmgs%$

Hope this helps.

Thanks much
Lynette

6

hey there

Please add this CSS in appearance - customize - additional CSS
.home .image-bg h1 {
color: #000000;
}

.home .image-bg p,
.home .image-bg li {
color: #000000;
}
.home .btn-white:hover,
.home .image-bg .btn:hover,
.home .image-bg .btn:visited:hover {
border-color: #000;
color: #222;
}
.home a.btn.btn-lg.btn-white {
color: black;
border-color: black;
}

p.s. the code will work only on the homepage if you want it globally then remove all .home from the css code
Thanks!
Colorlib Support Team

7

Hey Noda

IT WORKED!!!

Thanks so much for the great support! =)

Lynette

8

Ok, i will close this case, :slight_smile:
Answering on your other tickets right now