Archived topic
post header above and below content
9 replies · Started by Joanne Smith on May 2, 2016
I have created an Image in the 'blog page header' settings and when you click on the NEWS Tab with the widget area activated the image stretches across the page above the blog content -- which looks nice and is exactly what I want.
However, when I add a CUSTOM header ( the same image ) to a individual post which has also has the widget area activated the image appears ONLY on the blog content area - in other words it does not appear above the blog content area -- it is cut off by the right widget side bar.
Because the website is using PAGES on the main site, I can't set this header image as it is only meant for the BLOG NEWS area -- with a independent header than the pages set up ?? How can I set it so that the ' blog header ' image LOOKS exactly the same across the NEWS blog area and ignores the main site. I tried using the hooks but it goes across all the site ?
the client wants a independent BANNER for the news area of the site

Have you tried "Customize > Layout > Single Post Header Position"?
Let me know :)
I can't seem to find that tab on my theme for the BLOG area ?

Make sure you're using the latest version of GP Premium (1.2.81).
Then those two options should display at the bottom of the "Layout" section.
OK -- updated the plugin and the POSTS individual headers work
but when I added the images for the MAIN blog header -- all I get it the TEXT showing

not sure why the blog main header is not showing ?
Can you try disabling the hard crop? I think the cropping mechanism is having issues in WordPress 4.5 - I have to push out an update today.
yes that worked
BUT the MAIN Blog page has the image going across the page - full width

and single Blog single post -- it is still above but the image is smaller -- and to the left - even though I did say set it to center
http://www.oilandenergy.com.au/wp-content/uploads/2016/05/Capture4.jpg
any ideas how to make it look same for both as client will point it out!
J
Try this:
.page-header-image-single img {
width: 100%;
}
perfect
thank you!!
Love the new upgrades
J
You're welcome :)
