[Resolved] How to change the size of layout?

[Jusung]

If you see my website, the outline is “full”
and the inside box is 1200.

This is the setting.
But I want to make the inside box like 80%
So, it is 80% of the screen in any device

Maybe I can set full and padding 10% for left and right side?

I have
topbar
header
body
footer

[David]

Hi there,

you can use some CSS like this:

@media(min-width: 769px) {
    .grid-container {
        max-width: 80% !important;
    }

    .site.grid-container,
    .gb-container.width-80>.gb-inside-container {
        max-width: calc(80% - 80px) !important;
    }
}

Note this CSS selector: .gb-container.width-80>.gb-inside-container
This will apply to any GenerateBlocks Container Blocks that you want the 80% width applied to by:

1. Select the Container Block
2. In Advanced > Additional CSS Class(es) add: width-80

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jusung]

Thank you!

It has been resolved!

[David]

Glad to hear that

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts