[Resolved] How to change the size of layout?

Home Forums Support [Resolved] How to change the size of layout?

Home Forums Support How to change the size of layout?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2297233
    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

    #2297272
    David
    Staff
    Customer Support

    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

    #2297298
    Jusung

    Thank you!

    It has been resolved!

    #2297329
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.