Making page full-width

Hi,
I’m using the template “No header image - wide”

But when I insert an image for example, it isn’t full width.
https://site.rewards21.com/employee-customer-rewards/

How can I get this image to be full width?
Thanks

Hello Gary,

Can you please try to use Front Page template?

Kind Regards, Roman.

Hi Roman,
Thanks for the reply.
I set the template to Front Page but am still getting padding on either side.

https://site.rewards21.com/employee-customer-rewards/

Any idea what I’m still doing wrong? Thanks

Hi Roman,
I added the following CSS to Simple Custom CSS and it seems to work

.page .page-wrap .content-wrapper,
.single .page-wrap .content-wrapper {
padding: 0px;
}

Not sure if this is the robust solution or maybe I’ll mess up something else, but for now it seems to do the trick.

If I use Front Page to create more pages, is there a way I can change the header image in each one? And in some cases, make a Front Page without any image? (i assume I can control this in Custom CSS via .page-id-XX?
Thanks again

I don’t think that you can change it easily (I assume that you are talking about slider), but you can hide it:

.page-id-27 #slideshow {
    display: none;
}

.page-id-27 #content {
    padding-top: 100px;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.