One header on home but different header on other pages?

  • Unknown's avatar
    lindacassidylewis · Member ·

    I’m using the Karuna theme and I love the large header image on the home/front page, but I’d like to use a smaller header on the other pages. If that’s not possible, could I just suppress the header photo on the other pages? Could someone help me with CSS to do this?

    The blog I need help with is: (visible only to logged in users)

  • staff-totoro · Staff ·

    Hi there,

    You can use the following CSS to make the header image smaller on all pages except the homepage:

    body:not(.home) .custom-header {
    width: 50%;
}

    Please note that the Karuna theme pre-crops the image, so it is not possible to change the height without changing the width. i.e. the crop is fixed and cannot be changed. So the entire image will be smaller (by 50% in this case) but have the exact same proportions as the full width image.

  • staff-totoro · Staff ·

    Hi again,

    I also wanted to point out that that this is the support forum for our free sites primarily. However, your upgrade includes priority live chat support so with this in mind you can always reach out to us here and we can take a closer look at your issue in realtime: https://wordpress.com/help/contact

    No need to wait for a reply here in our forems. Hope this helps!

  • Unknown's avatar
    lindacassidylewis · Member ·

    Thank you so much for the help. :-)

  • The topic ‘One header on home but different header on other pages?’ is closed to new replies.