UPDATE!!
Sorry, I can’t edit the previous post as it’s too old. I activated a plugin for Unique Headers. All good. I can load a custom header on any page I like.
Only problem is that with Goran’s (excellent) Frontpage template, featured pages only display a Featured Image, not a Custom Header. If I load a Featured Image and a Custom Header to a page, the Featured Image overides the Custom Header and loads at 1230 x 1230, which is why I prefer the Custom Header which loads at 1230 wide, but variable height.
Any ideas how I can either constrain the height of Featured Images in Goran, or, have the Custom Header image display on the Frontpage, Featured Page, rather than the Featured Image?
Merci.
Hi there! This one’s a bit tricky since I can’t check out how your header is working with the theme or where they’re appearing on the page… Are you wanting to use only the Header Image you’re adding with the plugin, and not the Featured Image or the Page Title on your pages?
If you are using a custom CSS plugin to allow CSS (instead of adding it directly to your theme files, which is not recommended), you could use this CSS to remove the Featured Image & Page Title area:
.hero.with-featured-image {
display: none;
}
(That code would leave the Featured Images on the front page for the featured pages, but remove the Featured Image on the actual page.)
Or if you want to use the Featured Image without the Page Title, this CSS would do that:
.hero .page-title {
visibility: hidden;
}
Do either of those options get you closer to what you’re hoping to do?
Thank you Sarah.
Yep, I’m using a custom CSS plugin. And I had tried your first suggestion already. That keeps the featured image in the Featured Page area of the Frontpage Template (which is what I want), BUT it removes any image in the header (even if set as custom header image or featured image).
So I tried your second piece of code. That will simply display the Featured Image in the header, and in the Featured Page area. Again, the featured image overides the custom header image.
So maybe it would work better to try to constrain the height of a Featured Image in the header?
Or, could we ask the Frontpage template to fetch the custom header image from a feature page, rather than the featured image?
Thanks again.
You’re welcome! 🙂
I tried adjusting the Featured Image height (on an individual page) on my local install of Goran, and the following CSS worked for me:
.hero.with-featured-image {
padding: 400px 0 2em 0 !important
}
The 400 is the number that adjusts the height, so switch it around until it’s the right size for you. (I checked it out on several pages and didn’t notice any issues.)
How’s it looking now?
