Full width / Boxed issue

[cyrock]

Hi,
URL: www.dicide.de. the website is globally boxed. i need only the start page to appear Full width. now, i can´t find the css class to switch this to full width… which class is it? Or how can i solve this?

regards,
#cy.

[ruenel]

Hello @cyrock,

Thanks for writing in!

When you set the Site Layout in X/Pro > Theme Options > Layout and Design > Site Layout to “Boxed”, the body class of the page will have x-boxed-layout-active class. This is also why you have added this custom css code:

.page-id-1001.x-boxed-layout-active .site, .x-boxed-layout-active .x-site {
    border: 1px solid rgba(2,20,20,0.1)!important;
    border-top: 0;
    border-bottom: 0px solid rgba(0,0,0,0.275);
    background-color: rgba(77, 136, 154, 0);
    box-shadow: 0 0 0px rgba(0,0,0,0)!important;
    box-sizing: content-box;
}

If you inspect the homepage of your site, the body element also have a home class in it. Therefore, you can use this code to make the homepage fullwidth:

.home.x-boxed-layout-active .x-site {
  width: 100%;
  max-width: 100%;
}

Hope this helps. Please let us know how it goes.