How to set Moesia to full width page content?

Hello,
I am trying to make the page content full width at www.grenis.com. By default, the page content is inside a box. I had done it for a previous website www.musiccmakers.com, but I don’t remember how I did it. Can you please help? I wish to put in several pictures, spanning the whole screen from left to right, just like in the MusiccMakers website. I just want to get rid of the box. Thank you.
Charles

Hi,

You can make the container as FullWidth with this Custom CSS:

.container {
    max-width: 100% !important;
}

or on desktop only with this one:

@media (min-width: 1200px) {
.container {
    max-width: 100% !important;
}
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Best Regards,
Csaba