[noznewmanParticipant]

Hi,

Can you provide any advice on how best to size a section using a background image for hero banners?
I’m using the Ethos stack on http://www.drive-marketing.co.uk.gridhosted.co.uk/

sit max width 1280site width 88% content width 72%.

Be great to understand how to size my images and use media queries in my child style.css to call different versions to cater for larger/smaller screen sizes.

Any advice would be much appreciated.
regards
Paul

[Paul RModerator]

Hi Paul,

Thanks for writing in!

You can play with background size and background position properties.

http://www.w3schools.com/cssref/css3_pr_background-size.asp
http://www.w3schools.com/cssref/playit.asp?filename=playcss_background-size&preval=cover

https://css-tricks.com/almanac/properties/b/background-size/
https://css-tricks.com/almanac/properties/b/background-position/

Hope that helps.

[noznewmanParticipant]

Thanks Paul, I’ll have a play.

[RahulModerator]

You’re most welcome!

Let us know if we can help with anything else.

Thanks!

[Author]

Posts