- This topic has 15 replies, 5 voices, and was last updated 5 years, 1 month ago by Tom.
January 25, 2016 at 8:28 pm #168040Greg
How do I get to have those nice full width sections and parallax semi moving background images like I see on your homepage which appears to be using the GP theme?
All content seems to be stuck in the container and not stretch full width no matter setting I choose.
GregJanuary 25, 2016 at 11:34 pm #168058TomLead DeveloperLead Developer
The homepage is using our sections add-on: https://generatepress.com/knowledgebase/generate-sections/
Let me know if you have any other questions 🙂April 26, 2016 at 9:42 am #189534Tom
I have the same question, although I’m not sure how to add a section to the homepage as it’s automatically generated. Do I need to set my homepage to be a static page? It’s a blog, so, I’d rather show my blog articles on the homepage but have a large full-width image at the top like the GeneratePress homepage. Tom, can you elaborate on how that’s done on the homepage? Thanks!April 26, 2016 at 10:08 am #189548TomLead DeveloperLead Developer
The Sections add-on requires the page to be static.
If you’d like a full width section above your posts, you can use our Page Header add-on (like the demo: http://demo.generatepress.com).
Let me know if you need more info 🙂April 26, 2016 at 10:18 am #189557Tom
Thanks for the quick reply!
I’m afraid I’m still a bit confused. On the demo homepage, is that a static page you’re using for the homepage? http://demo.generatepress.com
If so, how do the articles appear below the large full-width header on your homepage, or are they hard-coded into the static page somehow?
Also, in Settings there is a “Blog Page Header” which puts an image at the top of the homepage, but, it’s not full-width. Is that different from the Page Header add-on?April 26, 2016 at 10:22 am #189560TomLead DeveloperLead Developer
That’s the blog page, using the “Customize > Blog Page Header” settings.
In order to get the full width section like that, you have to add some content into the Content area in “Customize > Blog Page Header”. Then more options will appear 🙂April 26, 2016 at 10:42 am #189572Tom
Hmm, okay, I must be doing something wrong. I’ve added content and an image to Blog Page Header, but I don’t see any additional options when I do. Are they in the Advanced Settings area? All I see there is “Merge With Site Header.” When I save the settings I’ve set and look at the blog, all I see is the header content on a plain white background, the image I chose isn’t displayed at all. I’ve got the GP Premium package with all plugins enabled. Not sure what I’m doing wrong.April 26, 2016 at 10:57 am #189576Tom
Okay, something must be screwy with my browser. While in the Customize section, I refreshed the browser page and then all of a sudden I can see the additional Content Settings that weren’t showing before. Not sure if this is a problem with my browser (Safari) or the new version of WordPress.
Anyway, I got the large header on the homepage of the blog I wanted! Thanks very much, this is an excellent and versatile theme.
April 26, 2016 at 10:21 pm #189669TomLead DeveloperLead DeveloperMay 5, 2016 at 12:53 am #191866Joseph
- This reply was modified 5 years, 3 months ago by Tom.
Tom, I had the sections at full width and then on a refresh I lost the full width see here: provinciawebdesign.com/client/wow/
I have the sections set to Fluid/contained but I also tried fluid/fluid and the same result. I have no active GPHooks and nothing in the CSS Child that would affect the layout which is set to separate containers. at 1100 width.
I do have the Child Function loaded with a small script I got from a thread here for parallax speed and that’s about it.
With the contained view, it threw off my section to repeat on scroll. I just don’t know how to get it back to full screen and how it happened?
Thanks in advanceMay 5, 2016 at 8:11 am #191978Joseph
I found the issue, there was a conflict with one of the plugins I removed it and all went back as was.May 5, 2016 at 10:02 am #192007TomLead DeveloperLead DeveloperJune 19, 2016 at 2:58 am #203069Hector Alejandro Vargas Ochoa
I have a problem, place a background image and place a Custom Class called “transbox”, to have an effect of transparent color or opacity in Red color. And this does not work or that I’m doing wrong.??
If it works but white opacity, but shows no other color.
In effect parrallax scrolling. CSS
Custom Class CSS
filter: alpha(opacity=60); /* For IE8 and earlier */
}June 19, 2016 at 10:24 am #203126TomLead DeveloperLead DeveloperJune 21, 2016 at 12:00 am #203449Hector Alejandro Vargas Ochoa
I put an image and I wanna put a layer of red background, efect in transparent or opacity.
I put in the field a class section for CSS; but it does not work; only it is shown in white opacity not another color.
- You must be logged in to reply to this topic.