Archived topic
Changing text colour for Page hero single page...?
7 replies · Started by Luis on November 3, 2020
Hi guys,
Loving the theme, but I'm still learning the CSS ropes...
Just looking to change the text colour of the title on a single page (I have Simple CSS installed).
Specifically this page (theme I'm using) > https://gpsites.co/read/styles/
I tried for over an hour but failed....lol. This was my last attempt....
.inside-page-hero.grid-container.grid-parent {
color: white;
}Hope you can help.
Thanks in advance =)
Hi,
Can you link us to the site you're working on? So we could check for the most appropriate CSS selectors to fit what you're trying to achieve.
You can add the site details on the Private Information text area. Thank you.
I have this offline atm...
It is identical to the page I've linked, if that's possible?
Hi there,
go to Appearance > Elements and edit the Global Page Headers header element, within their you can set a different Text Color.
More info on Header Elements:
https://docs.generatepress.com/article/header-element-overview/
Hi David,
What if I am just looking to do this on a single page?
Using the above example link.
Several options.
Edit the Global Page Header and Exclude that Page from the Display Rules.
Then create a duplicate Header Element specifically for that page.
Alternatively it would require a little CSS:
.page-id-123 .page-hero h1 {
color: #f00;
}You will need to change the 123 to that of the pages ID, which you can find in the URL when editing the page.
Thank you David. Legend!
You're welcome
