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
  • 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. Other

Lightbox

Kalium has a built-in lightbox, which enhances the visual experience by allowing contents of all types to be displayed in an overlay on several sections, including the Blog, Portfolio, and WooCommerce product page. It is fast and responsive, allowing a smooth experience while viewing images or videos.

To edit lightbox options go to Appearance -> Customize -> General -> Lightbox

Settings that lightbox supports are:

  • Color Scheme - There are two types of lightbox themes: Dark and Light.

  • Captions - When available, captions will show below the image.

  • Fullscreen Toggle - Will add a button in the toolbar to view content in fullscreen.

  • Download - Will add a button in the toolbar to download the current viewing image.

  • Counter - Shown in the upper left part of the image, the current viewing image (pagination).

  • Hide Controls Delay - Timeout in seconds after which to activate idle mode.

  • Thumbnails - Shows thumbnails bar below the current viewing media (image or video).

  • Collapsed - Whether to initially display thumbnails bar or just show a button to expand them.

  • Autoplay - Auto change the slides.

  • Interval - The delay in seconds to switch to the next slide.

  • Zoom - Shows a zoom icon in the toolbar.

  • Max. Scale - The maximum scale user can zoom the image.

  • Main Size - Image size for the main image.

  • Thumbnail - Image size for the thumbnails.

PreviousMaintenance ModeNextCustom CSS

Last updated 9 months ago

Global lightbox settings