Support » Theme: Karuna » Customize header for each page

  • Resolved Sergi Buyolo Freitas

    (@noteparesteam)


    Hi!
    I’m so sorry for my unknowdledge but I have started recently with developing in WordPress.

    I have been looking for 2 questions in support threads but I still couldn’t solved them.

    First I would like to show different header images for each page, not the same as the home page.

    Second I would like to hide the Full-Width Header in pages, only should be shown in home page.

    ¿Are both possible?

    Thanks a lot for advanced!

    Sergi

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator James Huff

    (@macmanx)

    Volunteer Moderator

    This would require some very extensive changes to the theme’s core code, neither of these would be a simple fix.

    You might want to see if there are other themes out there closer to what you like before you go diving into that level of modification. 🙂

    It’s actually very easy, add a featured image to each page and the control the size of it with some CSS.

    .site-header .size-karuna-hero, .custom-header {
        max-width: 1000px !important;
    }

    Just set the max-width to what ever size you would prefer.

    I find this feature actually rather annoying.

    Regards
    Bam Bam

    Thread Starter Sergi Buyolo Freitas

    (@noteparesteam)

    Thanks James and Bam for your help.

    I’m really thinking about changing theme because Karuna is maybe too much fit for my needs as beginner.

    About adding featured image is not the solution that I’m looking for because I have activated the side-bar in pages and image can not display widely in screen as header image.

    I will continue to investigate for a few hours if there is a way to do it.

    Any other ideas will be appreciated.

    Thanks again!

    Sergi

    Thread Starter Sergi Buyolo Freitas

    (@noteparesteam)

    I’m very glad because I finally have found a good solution using a recent plugin:
    https://wordpress.org/plugins/wp-header-images/#description 😀
    and adding some CSS to not showing the empty <div> in home page above the original header image of Karuna:

    .home.page-id-2 .header_image {
    display: none;
    }

    I leave the solution here by if anybody needs to make this customization.

    Thanks again!! :)))

    Thread Starter Sergi Buyolo Freitas

    (@noteparesteam)

    I close this tip because it works well according to my last answer.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Customize header for each page’ is closed to new replies.