Forums

Make image full width - please help!

Permalink
Hey the site i am working on ishttp://www.Alympian.com,

I am trying to make the home image full width so that when a large screen computer looks at the website the image touches both the left and right side of the screen. Right now it is just centered.

Is there some custom CSS I can add to the details of the block or can I insert some HTML somewhere to make it stretch to 100% width of the screen?

Thanks,

Jason
mydoboa
 
lwduk replied on at Permalink Best Answer Reply
Wouldn't this work?

.banner-content img {
width: 100%;
height: auto;
}

I noticed it had 'max-width: 100%' rather than just 'width'.

Just tested it chrome and it seemed to work
mydoboa replied on at Permalink Reply
mydoboa
Wow, it was that simple haha. I will go adjust the width to be just width. Thank you so much!