Archived topic
change site title color on a per page basis...
21 replies · Started by Russell on July 31, 2017
My home page has a photo that is blurred where the black site title color does not show well. The rest of the site's pages are white, so the black site title color works well. How do I change the site title's font color for just one page?
Is it done in the customizer? or is there css I can enter via simple css for just the homepage?
Hi there,
Try this CSS in the Simple CSS metabox of the home page:
.main-title a, .main-title a:hover, .main-title a:visited {
color: #ffffff;
}
Thanks Tom » That worked great » I should have also asked for the tagline » what is the code to changes the tagline?
Here you go:
.site-description {
color: #ffffff;
}
perfect! thank you!
No problem!
Hi Guys,
After updating to gp 2.0 this css* to change my site's title and site description for just the homepage stopped working » the font color went back to black from white » any suggestions how to get it back to white?
* I've included all the css that's in this page's simple css area.
.site-header {
border-bottom: 0px dashed #000000;
}
.main-title a, .main-title a:hover, .main-title a:visited {
color: #ffffff;
}
.site-description {
color: #ffffff;
}
Hmm that should still work.
Can you link us to the page in question?
sure » it's agnetic.com, which is running gp v1.x » but that's the public/published site » this not working is in my localhost/design environment where I'm introducing gp v2.x
thoughts?
Hmm I don't see why the code wouldn't work use GP 2.0.1 so unfortunately I would need to see the site that's not working to tell.
Can we revisit this issue when you can provide a live link?
Thanks!
Hi Leo,
please check out agnetic.com
I'm referring to "negotiating a fast changing world"
and
"a tactical pathway to power, and more…"
are black on the home page when I have the css above inserted to display them as white...
I'm not seeing this CSS being added anymore:
.main-title a, .main-title a:hover, .main-title a:visited {
color: #ffffff;
}
.site-description {
color: #ffffff;
}
Hi Leo,
I confirm the code has not been altered and remains identical to what I had originally and remains in the "simple css" section of the front page's edit page
thoughts on what to do next?
Are there any other CSS that are in that metabox?
yes here is all the css in the box:
.site-header {
border-bottom: 0px dashed #000000;
}
.main-title a, .main-title a:hover, .main-title a:visited {
color: #ffffff;
}
.site-description {
color: #ffffff;
}