Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #257053
    Bjorn Barton-Pye
    Participant

    I can’t find a means of reducing the height of the image on the front page. Can someone help please? Site os http://technovista.co.uk (Not http://www.technovista.co.uk)
    Thanks

    #257115
    Skandha
    Participant

    @bjornbp: Hello there,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .custom-header.header-media {
        height: 400px;
    }

    You can change the height according to your choice.
    Let me know if this works out!
    Kind Regards,
    Skandha

    #257140
    Bjorn Barton-Pye
    Participant

    Thank you – worked perfectly!

    #257154
    Skandha
    Participant

    @bjornbp: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
    https://wordpress.org/support/theme/shutter-up/reviews/#new-post
    Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
    appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

    Kind Regards,
    Skandha

    #257772
    Bjorn Barton-Pye
    Participant

    Hi
    As I am adding pages, I notice that this issue is not totally resolved. Please browse the website at technovista.co.uk and navigate the pages. On the Contact Us page for example, you will see that i is not possible to click on the sidebar menu options and I think this is because the placeholder (which I think is light grey on the pages) seems to overlap the sidebar. In other words, while the header picture is now the correct size, the placeholder for it is still too large.

    Grateful for your advice please.

    Thanks

    #257792
    Skandha
    Participant

    @bjornbp: Hello there,
    Replace the above CSS with following

    .header-text-disabled .custom-header-media {
         min-height: unset;
    }
    @media screen and (min-width: 100em) {
    	.has-header-media:not(.home) .custom-header-content {
    	    padding: 0px 50px;
    	}
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #257793
    Bjorn Barton-Pye
    Participant

    Hi,

    No, that didn’t work. The front page is fine, but now we have the header media too large again on all pages except the front page. Please take a look using the link above.

    Thanks

    #257908
    Skandha
    Participant

    @bjornbp: Hello there,
    Since other pages contain the page title in header image the header image in other pages is slightly bigger than the homepage.

    Kind Regards,
    Skandha

    #257918
    Bjorn Barton-Pye
    Participant

    Ah – that makes sense. Thanks!

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Front page banner picture way too tall.’ is closed to new replies.