How can I make an image with text appear full width on my site?

[kraken312]

Hi there,

I'd like for the image with text to appear full width on my website but when I try to do CSS on the section, it doesn't work. Thanks! 

.image-with-text {
max-width: 100%;
padding: 0;
} 

[Made4uo-Ribe]

Hi @kraken312 

I just like to ask do you mean you want the image to be fully width like this? 

this will be the result. 

This is the code ive used.

.image-with-text .grid__item {
    width: 100%;
}

And Save. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[kraken312]

I want it to look like a hero banner with no padding on left or right side. 

Mock up of what I'm looking for. 

[Made4uo-Ribe]

yes we can do that, Im been looking this image with text in your store. But I cant find it, would you mind to share the preview of this page where it located. Thanks!