Multiple Custom Headers?

  • Resolved ESSBEEAY

    (@essbeeay)


    9 years ago

    Hi,

    I’m running Goran on localhost and have had great support here. I’d love to be able to chose a different custom header image for certain pages. Goran gives me the choice of one custom header for all pages, or to randomly load one of up to 4 images. What I’d like is to be able to specify that page A always loads custom header image A. Page B, always loads custom header image B. And so on.

    Is that possible or am I just crazy?

    Failing that, I could use a featured image in much the same way, but Goran runs featured images on pages at 1230 x 1230. I’d need to reduce the height of the image in this case. Would that be possible?

    Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter ESSBEEAY

    (@essbeeay)

    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.

    Sarah Blackstock

    (@sarahblackstock)

    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?

    Thread Starter ESSBEEAY

    (@essbeeay)

    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.

    Sarah Blackstock

    (@sarahblackstock)

    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?

    Thread Starter ESSBEEAY

    (@essbeeay)

    Perfect!

    Many Thanks.

    Sarah Blackstock

    (@sarahblackstock)

    Great! You’re welcome! ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Multiple Custom Headers?’ is closed to new replies.