- This topic has 17 replies, 3 voices, and was last updated 6 years, 7 months ago by Tom.
-
AuthorPosts
-
July 23, 2017 at 5:57 pm #353758NBC
An experiment with Sections has gone awry.
I inserted an image into the page header.
In the content meta box, I typed a CSS comment to bring up the rest of the options, and activated the “Add background image” option. (I later replaced the CSS comment with a space because the comment appears when the page loads and looks weird.)
Under “Advanced,” I activated the “Merge with site header” option.
The Section content includes two lines of text with CSS styling.
The Settings include two padding values (150 top and 250 bottom, both in pixels).
The overall site settings include no background image anywhere.
When I preview the page, I can see the header (logo and menu) and the Section text, but the Page Header image does not appear.
July 23, 2017 at 9:49 pm #353827TomLead DeveloperLead DeveloperSo the page header is displaying, but the image background isn’t? Have you enabled the “Add background image” option?
July 24, 2017 at 1:19 am #353878NBCYes, the “Add background image” option is active.
Please see as follows:
Image settings
Content settings
Advanced settings
Section content
Section settingsNote that the “Content title” option is active under “Disable elements.”
July 24, 2017 at 8:51 am #354086LeoStaffCustomer SupportYou need to have some content in the content field in order for the options to work.
Try adding some HTML comment instead of CSS comment:
<!--This is a comment. Comments are not displayed in the browser-->
July 24, 2017 at 9:36 am #354110NBCGot it. I thought you could delete the comment once the options became visible.
I have added a comment as appropriate. Now, the image appears only under the site header area, not far enough down the page that the white Section type becomes visible over the dark area of the image.
July 24, 2017 at 9:42 am #354112LeoStaffCustomer SupportLittle hard to tell without seeing the site.
Is full screen enabled?
July 24, 2017 at 9:48 am #354116NBCSorry, I don’t see that option. Which screen/tab?
July 24, 2017 at 9:53 am #354121LeoStaffCustomer SupportThis should help: https://docs.generatepress.com/article/page-header-content/#fullscreen
July 24, 2017 at 10:08 am #354125NBCI activated the full-screen option. No change. The header is merged, so that won’t work, at least not according to the notes on the page you referenced.
July 24, 2017 at 10:11 am #354126LeoStaffCustomer SupportCan you provide a link to your site?
July 24, 2017 at 10:16 am #354128NBCThis is being developed under localhost. I’m not sure how I can share this without upsetting the client.
It takes me about an hour to set up a (hopefully still hidden) subdomain and export/import the site code.
July 24, 2017 at 10:29 am #354141TomLead DeveloperLead DeveloperNot sure I understand – are you wanting the page header background image to reach down into the first section of the website?
July 24, 2017 at 10:45 am #354150NBCYes! I need a page-specific background image. If I add the image to the Body settings, it appears on every page.
(BTW, ever considered adding a “Duplicate page” option so complex sets of settings could be duplicated instead of recreated?)
July 24, 2017 at 11:13 am #354171TomLead DeveloperLead DeveloperAh, in that case I would just use my Simple CSS plugin: https://en-ca.wordpress.org/plugins/simple-css/
Then you can use the CSS meta box on specific pages to add your page specific body background:
body { background-image: url( 'URL TO YOUR IMAGE' ); }
There’s quite a few duplicate page plugins out there currently that are quite good 🙂
July 24, 2017 at 11:24 am #354181NBCThank you, Tom! On my way to d/l and install.
Can you have a background image defined for the overall site and still make page-specific exceptions using CSS?
(Fingers crossed. I’d like to add one if I can.)
And yes, I’ve seen the duplicators. Just thought that might qualify as core functionality.
-
AuthorPosts
- You must be logged in to reply to this topic.