• Resolved dang621

    (@dang621)


    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?

Viewing 4 replies - 1 through 4 (of 4 total)
  • 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.

    Thread Starter dang621

    (@dang621)

    Thanks for responding.

    The root issue I’m having is that I’d like to create something similar to https://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??

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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.

    Thread Starter dang621

    (@dang621)

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Larger header image’ is closed to new replies.