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
  1. Styling

Site Frame

PreviousLink StylesNextTranslation introduction

Last updated 9 months ago

Site frame is an optional feature that can be added to your site where it adds a border around your entire site. It is usually used by creative sites which want to have an unique experience of showcasing their services / products.

To enable the Site Frame go to Appearance -> Customize -> Styling -> Site Frame and click the toggle on the right to enable it:

There are variety of options that allow you to customize the look of the frame and the changes are shown on realtime while you edit them:

  • Color - The color of the border.

  • Width - The width of the border, responsive value.

  • Radius - The radius of the border, responsive value.

  • Animation - The entrance animation when the page first loads.

  • Duration - The duration of animation (in seconds).

  • Delay - The time to wait before animation starts (in seconds).

  • Visible On - Toggle the device viewports where the site frame / border will be shown.

Enabling Site Frame
Preview of the site frame while editing it