WordPress.org

Ready to get started?Download WordPress

Forums

Reducing Header Image Height (3 posts)

  1. frederic.bowne@aristata.co
    Member
    Posted 2 years ago #

    Hi, I am trying to reduce the header image height on my site http://www.aristata.co. The image of the sun rising over the earth takes up too much vertical space. I've searched the forums to figure this out and am stuck. I am using the Twenty Eleven template and want to shrink the image height in half. I've looked in function.php and tried adjusting image height from auto to 160px and no luck. I've looked in style.css and tried to make same change to header size and no luck. I've used an image editor to adjust image to 1000px by 160px and WP forces cropping when I upload. I've tried the tool kameleoon to use a gui tool to resize it an no luck. I am not very basic in HTML and would really love some help.
    Thank you very much for your help.

  2. dtlyme
    Member
    Posted 2 years ago #

    Hi - I hope you are using a child theme, if not do a search on WordPress to find out how to do one!

    On your child theme style sheet try this:

    #branding img {
        height: 160px;
        margin-bottom: -7px;
        width: 100%;
    }

    Also - if you are using Firefox I highly recommend installing FireBug - it helps you to isolate the CSS that you want to change!

    I am by no means a CSS expert - but I hope this helps.

  3. frederic.bowne@aristata.co
    Member
    Posted 2 years ago #

    Thank you very much, I'll give it a try and let you know how it goes:)

Topic Closed

This topic has been closed to new replies.

About this Topic