Docs

[Julian B]

Hi guys,

After setting up a custom post type and activating cornerstone for it I’m wondering why the layout is not the same as on the frontpage. The frontpage class is “x-main full” and the on for my custom post type is “x-container max width offset”

All the Customizer settings are set to fullwidth. This is my site with the custom post type: http://test.nimrod-rechtsanwaelte.de/branche/gaming/
How can I achieve the same layout as on the frontpage (e.g. a fullwidth section)

Thanks for your help!

Julian

[Nabeel A]

Hi Julian,

Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.single-branche .x-container.max {
    max-width: 100% !important;
}
.single-branche  .x-main.full {
    width: 88% !important;
    margin: 0 auto !important;
}

Let us know how this goes!

[Julian B]

Hi Nabeel,

thanks for your help, but thats not the layout I wanted to achieve.
As you can see it differs from the frontpage now:
http://test.nimrod-rechtsanwaelte.de/
http://test.nimrod-rechtsanwaelte.de/branche/gaming/

Especially this type of fullscreen section is what I need:
(The background-color of the section goes full-width)

[Rad]

Hi there,

Try this,

.single-branche .site > .x-container.max {
    max-width: 100% !important;
}
.single-branche  .x-main.full {
    width: 88% !important;
    margin: 0 auto !important;
}

That should do it.

Cheers!

[Julian B]

Hi Rad,

we’re pretty close 😉
But the container has another width as the frontpage now and the gray background from the section is still not 100% fullwidth.
I drew you a comparison to the frontpage:

[Christopher]

Hi there,

Please remove this code :

.single-branche .x-main.full {
    width: 88% !important;
    margin: 0 auto !important;
}

And add this one :

.x-container {
    max-width: 75%;
}

Hope it helps.

[Author]

Posts