Site logo

Archived topic

transparent logo in a single page

3 replies · Started by Sergio on June 4, 2017

Viewing posts 1–4 of 4

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.

This archived topic is closed to new replies.