WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Larger header image (5 posts)

  1. dang621
    Member
    Posted 1 year ago #

    I've installed WP locally and currently playing around with the twenty twelve theme.

    It looks like the max size of the image I can upload to the header is width of 960px and height of 250px.

    When I upload my image with the max size dimensions, there is white space above and to either side of the header.

    Is there a way to upload a larger image so that it expands all the way to the edges of the webpage and eliminate the borders?

  2. paulwpxp
    Font hero
    Posted 1 year ago #

    Is there a way to upload a larger image so that it expands all the way to the edges of the webpage and eliminate the borders?

    No, there is not.

    The white space that you see is the padding assigned in page's layout, if you want the width of header image to span full, you have to change the html structure, and there will be loads of css to adjust because the theme is responsive.

    If you only want the look and feel of full span image, you can remove the page's shadow and make site's background become white (same color as the whole content's area) then the image will be seen (percieved) as full without white space around it.

  3. dang621
    Member
    Posted 1 year ago #

    Thanks for responding.

    The root issue I'm having is that I'd like to create something similar to http://uncrate.com/ in which the whole top portion of the browser is one color so it looks like the banner spans across the entire window.

    I was told I should try some CSS to make the background have the effect of two colors (black up top and white at the bottom) but I can't achieve the look because of white breaks in the header due to the padding.

    Any creative suggestions on how to get around this without making a huge mess??

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    The messy way is not to change your HTML structure and to force your header to be as wide as possible with absolute positioning. You'll never get it right that way anyway.

    I recommend using Paul's advice.

  5. dang621
    Member
    Posted 1 year ago #

    Thanks for the recommendations. I'll give it a shot.

Topic Closed

This topic has been closed to new replies.

About this Topic