Kalium Documentation
HomeAccountPricingChangelog
  • Getting Started
    • Introduction
      • Before Getting Started
        • Hosting and Domain
        • WordPress Installation
        • Server Requirements
      • How To Purchase Kalium
    • Installation
      • Installing theme via WordPress
      • Installing theme via FTP
      • License Activation
      • Importing a Starter Site
      • Installing Required Plugins
      • Child Theme
      • Updating Kalium
    • License
      • Managing Licenses
      • Activation Scope
      • Prorating Plan Updates
    • Dashboard
    • Customizer
    • Migrating from Kalium 3 to 4
      • Migrating Automatically
      • Migrating Manually
  • General
    • Header
      • Layouts
      • Custom Header
        • Elements
      • Styling
      • Top Bar
      • Sticky Header
      • Mobile Menu
      • Other Options
      • In Page Options
    • Footer
      • Adding/Editing Content
      • Styling
    • Sidebars
      • Troubleshooting Sidebar
  • Post Types
    • Blog
      • Blog Page
      • Post Page
      • Creating a Blog Page
      • Creating a Blog Post
    • Portfolio
      • Portfolio Page
      • Project Page
      • Creating a Portfolio Page
      • Creating a Portfolio Item
        • Side Portfolio
        • Columned
        • Carousel
        • Zig Zag
        • Fullscreen
        • Lightbox
        • Design Your Own
    • WooCommerce
      • General Settings
        • Mini Cart
        • Free Shipping Bar
        • Product Badges
      • Product Catalog
        • Product Card
      • Product Page
      • Product Images
      • Cart & Checkout
      • My Account
      • Store Notice
    • Search Results
  • Template Parts
    • What are Template Parts?
    • Creating Template Parts
      • Creating a Section
        • Creating a Section with Elementor
        • Creating a Section with WPBakery
        • Insert a Content Section Manually
      • Creating a Header
      • Creating a Header
      • Replace a Page
    • Settings
      • Display Conditions
      • Placement
      • Container Settings
  • Typography
    • Fonts
      • How to Add a Font
        • Adding Adobe Fonts
        • Adding Self-Hosted Fonts
        • Adding External Fonts
      • Custom Selectors
      • Advanced Settings
    • Font Sizes
    • Typography Settings
  • Styling
    • Brand and Logo
    • Colors
    • Buttons
    • Forms
    • Layout
    • Link Styles
    • Site Frame
  • Translation
    • Translation introduction
    • Translating with WPML
    • Translating with Loco Translate
    • Translating with Poedit
    • Adding a Language Switcher
    • RTL Languages
  • Other
    • Social Icons
    • Image Placeholder
    • Breadcrumbs
    • Scroll to Top
    • Maintenance Mode
    • Lightbox
    • Custom CSS
  • Troubleshooting
    • Manage Options in Customizer
    • Bad Hosting Environment
Powered by GitBook
On this page
  • Container Width
  • Block Spacing
  • Container Width on Single Page
  1. Styling

Layout

PreviousFormsNextLink Styles

Last updated 9 months ago

Layout options allow you to set the container size for the entire site and adjust block spacing.

To edit the layout options go to Appearance -> Customizer -> Styling -> Layout

Container Width

There are three predefined widths you can set for the container size:

  • Large - Maximum width is 1296 pixels.

  • Medium - Default, maximum width is 1116 pixels.

  • Small - Maximum width is 936 pixels.

  • Custom - User defined maximum width

If you want to set a full width for the container check the above option Full Width Container toggle.

Block Spacing

Block Spacing controls the space between two blocks. It is especially useful for nested blocks, like images within a Gallery block. Setting the Block Spacing to zero removes the gap between blocks, while leaving it empty uses the default spacing.

You can choose between 8 predefined block spacings but also set your preferred spacing value which is responsive friendly:

Container Width on Single Page

If you want custom container size on page level (not entire site) you can do this by clicking Edit Page or Edit Post (whatever single page):

Go to Parameters and Options -> Page Options -> Other Settings

The same settings available in the Customizer are also found here.

Container size controls
Setting custom container width for current page/post