Archived topic
transparent logo in a single page
3 replies · Started by Sergio on June 4, 2017
hi!
I've just followed this: https://generatepress.com/forums/topic/logo/
But I'd need to change the opacity only in some pages. who can I do that?
Thank you!
S.
Hi there,
Easiest way is to use Simple CSS page meta box (unless it's the main blog page or archive page):
https://docs.generatepress.com/article/adding-css/#simple-css
Or you can find the page ID and try something like this in the global editor:
.page-id-xx .site-logo img {
opacity: 0.5; /* 50% */
}
Let me know if you need more info.
It's for the homepage, indeed... that's the only one that would need the logo to be transparent. Is it possible to do that?
If your home page is the main blog page, then do this:
.blog .site-logo img {
opacity: 0.5; /* 50% */
}
If it's a static home page:
.home .site-logo img {
opacity: 0.5; /* 50% */
}
Let me know.