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
  • Sidebar Types
  • Sidebar Options
  • Sticky Sidebar
  • Responsive Visibility
  • Style
  1. General

Sidebars

PreviousStylingNextTroubleshooting Sidebar

Last updated 8 months ago

Kalium offers extensive options to customize the sidebars on your website, allowing you to create the perfect layout for your content. The sidebar settings can be accessed by navigating to Appearance -> Customizer -> Sidebars in your WordPress dashboard. Below is a detailed guide to the different customization options available for sidebars in Kalium.

Sidebar Types

Kalium provides two distinct types of sidebars, each offering different design capabilities:

  • Type 1: This is a traditional sidebar without any background or border. It's ideal for a clean, minimalist look.

  • Type 2: This type allows you to add more design elements, such as a background, border, border radius, and shadow, giving you greater control over the appearance of your sidebar.

Sidebar Options

Sidebar Width

You can set the width of the sidebar as a percentage of the overall page width. This allows you to control how much space the sidebar occupies relative to the main content area.

Sidebar Gap

This setting controls the gap between the sidebar and the main content. Adjusting this can help to create a more balanced layout.

Inner Spacing (Type 2)

Allows you to define the inner spacing (padding) within the sidebar or widget if they are separated. It’s useful for ensuring that your sidebar content has enough breathing room.

Widget Vertical Spacing

This option sets the gap between individual widgets within the sidebar. It helps maintain consistent spacing and a clean look.

Separate Widgets (Type 2)

Allows you to separate each widget within the sidebar, giving them a distinct appearance.

Mobile Position

This setting lets you choose whether the sidebar should appear at the top or bottom of the page when viewed on mobile devices.

Sticky Sidebar

Kalium offers a sticky sidebar feature that keeps the sidebar visible as the user scrolls down the page. You can toggle this feature on or off and customize it with the following options:

  • Sticky Behaviour:

    • Entire Sidebar: The entire sidebar remains sticky.

    • Widgets: Set the number of the bottom widgets that you want to remain sticky.

  • Offset from Top: This setting controls the distance from the top of the page when the sidebar becomes sticky.

Responsive Visibility

You can control whether the sidebar is visible on different devices by toggling the respective options:

  • Desktop

  • Tablet

  • Mobile


Style

The Style tab provides a range of customization options that allow you to style the sidebar's text and container to match your website's design.

Text

  • Title and Text Color: Customize the color of the sidebar titles and text.

  • Links Color and Hover Color: Set the color for links and the color that appears when hovering over them.

Container (Type 2)

  • Background Color: Choose a background color for your sidebar container.

  • Border Width, Type, and Color: Define the border's width, style, and color for the sidebar or widgets if separated option is on.

  • Shadow: Add a shadow effect to the sidebar for a more dynamic look.

  • Border Radius: Customize the corner rounding (radius) of the sidebar’s border.