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
  • Carousel Options
  • Content Alignment
  • Carousel Items Alignment
  • Project Gallery
  1. Post Types
  2. Portfolio
  3. Creating a Portfolio Item

Carousel

PreviousColumnedNextZig Zag

Last updated 8 months ago

The Carousel item type offers a dynamic full-width gallery experience by showcasing images in a carousel format. This layout allows you to feature images in a slideshow that spans the entire width of the page.

You can customize various carousel settings to control the display and behavior of the carousel. This layout type supports images only as gallery items.

Carousel Options

Here, you can configure the layout options for the carousel, which can be set to either Default Layout or Centered Content Layout, apart from other project gallery options.

Content Alignment

You can choose between two layout types: Default Layout and Centered Content Layout. These options allow you to align the content either to the left or center it within the page.

Carousel Items Alignment

The gallery items can have a starting position that can be either Left (default) or Center:

The starting position of gallery items determines the placement of the first image relative to the center of the viewport:

Note that setting Carousel Start Position to Center and having Infinite Loop Slides enabled will not work.

Project Gallery

The Project Gallery for the Carousel item type supports images only. The gallery container has the following options:

  • Reveal Effect: Select the animation or transition effect for revealing gallery items.

  • Spacing: Adjust the space between images to fit your layout.

  • Captions: Toggle captions on or off for the gallery images.

  • Maximum Carousel Height: Set the maximum height for the carousel.

  • Carousel Content Start Position: Choose to start from the center or left.

  • Loop: Enable infinite looping of slides.

  • Autoplay: Set the carousel to autoplay with a specified time interval.

  • Items Gap: Define the gap between items for the desired visual effect.

To insert a new carousel item, click Add New and select the Image type.

Each field contains the information regarding its functionality, making it easy to add and configure your images for the carousel.

Left alignment (Right in RTL)
Centered content alignment
Left start position
Center start position