Make page with Rev Slider & Envira Gallery full width and remove margins

[fantasy_5]

Hi!

How can I make this page completely full-width and flat without visible page margins? On it, I am using rev slider and envira gallery. Here is a screenshot. Please log in if necessary. The website isn’t live yet. I will include all necessary info in a secure note.

[christian]

Hey @fantasy_5,

The given credentials does not work anymore (see Secure Note).

Have you tried using Blank No Container | Header Footer page template?

Thanks.

[fantasy_5]

Hi, Christian!

I did not try that option because I want the header and footer to remain in place. It doesn’t make sense to remove them. Why would I do that? I have not changed my login credentials so they should still work.

[ruenel]

Hello There,

Thanks for providing the information. I have logged in and checked your site already.

To resolve your issue, please do this:

1.) Please edit your page that needs to be completely full-width and flat without visible page margins.
2.) In the Page editing screen, find the “Page Settings”.
3.) Insert a custom body fullwidth-and-flat class. You will need this to make sure that the changes will only affect the pages that needs to be completely full-width and flat without visible page margins.

4.) And then please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.fullwidth-and-flat.x-boxed-layout-active .site > .x-container.max.width.offset {
    max-width: 100%;
    width: 100%;
}

.fullwidth-and-flat.x-boxed-layout-active .entry-wrap {
    border: none;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
}

We would loved to know if this has work for you. Thank you.