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
  • Footer Options
  • Footer Layout
  • Footer Elements
  1. General

Footer

PreviousIn Page OptionsNextAdding/Editing Content

Last updated 9 months ago

The Kalium footer is highly flexible and user-friendly, utilizing widget areas for easy customization. With the Block Editor, you can effortlessly add and arrange text, images, menus, and other elements, making it simple to create a footer that fits your design and functional needs.

To edit footer options and its structure go to Appearance -> Customize -> Footer

In the Footer customizer section, you will find the following settings to design your footer:

Footer Options

Footer options offer straightforward functionalities, such as the ability to completely disable the footer if you use a separate plugin to build it.​

Type

The footer type determines its positioning on the page. Setting it to Normal will keep it within the document flow, aligning it below the main content. Selecting Fixed will position the footer behind the main content wrapper, adding extra scrolling space and allowing for a smooth revealing animation such as Fade or Slide.

In Page Footer Options

To edit footer settings for individual pages or other post types, go to the edit screen of the specific post or page, then scroll to Parameters and Options -> Page Options -> Footer Options

Footer Visibility

Overrides the global setting to enable or disable the footer on the current page.​

Fixed Footer

Apply a different footer type specifically for the current page.

Footer Layout

Creating your desired footer layout is straightforward. Click Add Footer Row to choose from a range of pre-defined footer row structures as shown below:

You can add as many rows as needed to customize your footer layout.

Footer Elements

Similar to the header, the footer also utilizes a drag-and-drop builder for arranging elements. Below is the list of elements that footer supports:

Row

A row is a flexible container that can include multiple columns. It offers various options to control the arrangement of both the container and its columns.​ You can also set the row width to full width.

It supports custom backgrounds, link and text colors, and common CSS properties like padding, margin, borders, as well as custom CSS classes.

The row element also offers responsive visibility options, allowing you to control when and how it appears based on different device screen sizes.

Column

The column element allows you to divide a row into multiple sections, each with customizable width and alignment. It also supports Flexbox and other CSS properties. Additionally, you can assign custom CSS classes for further styling.

The column element also includes responsive visibility options, similar to the row element.​

Widget Area

After inserting the row and columns, they will automatically include Widget Area elements, which pulls content from the defined sidebar widgets. Currently, there are 6 available widget areas, which are sufficient for creating a versatile footer structure:

Each widget area stacks content vertically by default. To arrange the content in columns, adjust the Widgets per Row option by clicking the three dots in the Widget Area element options:

In the following section, you’ll learn how to create the content for footer widgets.

You can hide elements temporarily by toggling the eye icon next to each one.

👁️
Footer Options
Footer Builder with drag and drop interface
In Page Footer options
Available footer row structures
Set the number of columns (optional)