Archived topic
How to change the size of layout?
3 replies · Started by Jusung on July 29, 2022
Viewing posts 1–4 of 4
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
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
Thank you!
It has been resolved!
Glad to hear that
This archived topic is closed to new replies.
