Archived topic
Fullscreen HomePage
40 replies · Started by Stephane on November 14, 2014
Fancy - on it :)
Hello Tom,
I'm very confused. I'm working again on my sandbox website and I can have again a transparent header.
http://dev.proteo-interactive.com/
I'm wondering if you can put in the "Page Header" Add-Ons an option to choose if the "Page Header" div is colored or transparent?
If it is possible, could you check where I'm wrong?
Thanks,
Stephane.
Hi Stephane,
By default the Page Header area should be transparent as long as you don't have "Add padding" checked.
Are you trying to show your page header background behind your header (site title) as well?
Let me know :)
Yep! I already do it and I show you. But I can't do it again.
I want to make the header background transparent.
You'll have to use the same code I provided on the first page (http://generatepress.com/forums/topic/fullscreen-homepage/#post-47403), but switch .home with the id of the page.
For example:
.page-id-xx .site-header {
background-attachment: fixed;
background-image: url("URL TO IMAGE HERE");
background-size: cover;
}
You can find the unique page-id-xx class in the <body> element of that specific page.
Thanks Tom. It's working.
Perhaps it could be a future add-ons to create this kind of page (with image ou video background).
In combination with the page header, the site header could be great!
But I'm wondering something. To work, I have to put an image in the page header option and to put a top/bottom padding. No matter "add padding" option is activated or not.
It's normal?
Thanks.
You shouldn't have to add top/bottom padding or add padding - should work either way.
I've made some big changes to the Page Header add-ons, including a full screen and real parallax effect, so maybe the new version will fix that for you.
Yeah! Great news! I wait for it and I tell you.
But I confirm you that I have to activate some page header options for it's working.
Yeah! The new plugin is in place and it is amazing.
Thanks Tom.
Tom, is there a place to have the history of the revision for your plugins?
Changelog.txt I found it.
Glad you like it! :)
Yep! Any idea to make the navigation background transparent?
Thanks.
Here, you can see with a video GIF background. Very nice!
Just have to remove the navigation background.
That looks awesome! Only wanting to remove the navigation background color on one page?
Yes and No! ;-)
For a fullscreen homepage, it could be useful to set the primary and/or the secondary navigation transparent or not (and have the global site with a flat color navigation).
But we can imagine to set by default the primary and/or the secondary navigation transparent or not for the global site.
Perhaps we can have the choice for each page or article in the meta page header option to set the navigation flat (default setting) or transparent.
