Trying to have header image fill entire area

Home › Forums › Evora – WordPress Theme › Trying to have header image fill entire area

This topic contains 2 replies, has 2 voices, and was last updated by  ab-themes 9 years, 12 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 23, 2014 at 5:40 pm #647

    Shawn Slawson
    Participant

    Howdy! I think your theme is absolutely beautiful and full of features.
    I would like to figure out how to make an image fill the entire header area.

    My website is:

    As you can see I have a wide image I would like to fill the whole header area with. Is this possible? Is there an image size/aspect that would fill the entire area?

    Thank you so much for your time.
    -Shawn

    May 23, 2014 at 6:46 pm #648

    Shawn Slawson
    Participant

    Sorry, I forgot to link to my site
    http://coffeeboyexpress.com

    May 26, 2014 at 2:43 pm #658

    ab-themes
    Keymaster

    Hi,
    as site will be used on various resolutions and screen sizes it is not possible to have one image that fits all.
    What you can do is use css property background-size:cover; on container and add image like background in it. That way it will fill container by smaller dimension and bigger dimension will be scaled proportionally with cropped excess.
    I hope this helps :)
    Cheers

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Trying to have header image fill entire area’ is closed to new replies.