FLASH SALE Get 20% OFF everything using the coupon code: FLASH20 View Pricing Plans →
Inspiro is a flexible, multipurpose theme packed with premium features designed for a wide range of website types—from creative portfolios to business sites and online stores. One of its standout features is that it includes built-in support for key components like the homepage slideshow and portfolio, eliminating the need for third-party plugins.
This approach gives you more control and better performance but may feel unfamiliar if you’re used to simpler themes. To help you get started confidently, this article offers a clear, practical overview of how Inspiro is structured and how its main components work together.
Overall, Inspiro consists of the following parts:
The top section of the homepage—referred to as the hero area—is a key visual element in Inspiro. It’s made up of two main components:
These work together to create a bold, engaging first impression, especially for portfolios, photographers, or video-driven websites.
The header appears transparently over the slideshow and includes several elements that you can fully customize:
1. Logo: Change or upload a new logo in Appearance → Customize → Site Identity.
2. Menu: Manage your site’s navigation in Appearance → Menus.
See more: Building Custom Menus
3. Social Icons: After installing the Social Icons by WPZOOM plugin, go to Appearance → Widgets, and add the widget to the Header Social Icons widget area.
See more: Social Icons in the Header
4. Search Icon: Show or hide the search feature by toggling the Show Search Form option in Customize → Header Options.
5. Shopping Cart Icon: Display the WooCommerce cart in the header by enabling the Show WooCommerce Cart Icon option in Customize → Header Options (requires WooCommerce).
6. Hamburger (Sidebar) Menu – Add or remove content from the off-canvas sidebar by managing widgets in the Sidebar widget area in Appearance → Widgets.
The slideshow is a core part of the hero area and is fully managed within the theme itself—no third-party slider plugin needed. All slideshow content is created through custom posts under the Slideshow section in your dashboard.
To add or edit a slideshow item, go to the Slideshow section in the Dashboard and click Edit on the corresponding post or Add New Slideshow Item.
Here’s what you can customize for each slideshow item:
1. Video Background: Add videos in the slideshow post editor by scrolling to the Video Background tab in the Video Settings section under the post editor.
💡 Note: To create a slideshow with static images, assign a featured image to the slideshow post and don’t add any link in the Video Settings section.
2. Title & Description: The title of the post becomes the slide title, while the post content serves as the description.
3. Play Icon (Video Lightbox): To show or hide the play icon, add or remove a video link in the Video Lightbox tab under Video Settings.
4. Button: Configure the button text and link in the Slider Options sidebar section of the post editor.
5. Navigation Arrows & Scroll Icon: Enable or disable these in Appearance → Customize → Homepage Slideshow → General Settings.
6. Player Controls (Pause/Mute): Enable or disable the video player controls by checking or unchecking the relevant options in the Video Background Controls section within the Video Background tab under the slideshow post editor.
💡 Note: If you’ve added the slideshow using the Inspiro Slideshow widget in Elementor, you’ll manage all of the above settings directly in Elementor’s sidebar options instead.
See more:
How to Add Slideshow Items
Configuring the Homepage Slideshow
Setting up the Video Background in Slideshow
Setting up the Video Lightbox in Slideshow
How to Remove the Play Icon from the Slideshow
Setting up the Homepage
Inspiro works seamlessly with both the WordPress Block Editor and Elementor, giving you complete flexibility when building your website.
The block editor (also known as Gutenberg) is WordPress’s native content builder. It uses draggable blocks for layout and content, and each block includes styling and formatting settings.
See more:
The Block Editor
Elementor is a popular drag-and-drop page builder that offers more design flexibility with a visual editing interface.
💡 Note: Upgrading to Elementor PRO is entirely optional—Inspiro works great with the free version.
See more:
Elementor Integration
How to Import or Remove the Demo Content
Setting up the Homepage
Inspiro includes a built-in Portfolio feature using custom post types. This is ideal for showcasing work, whether you’re a designer, photographer, or creative professional.
💡 Note: To access the portfolio section when using the block editor, make sure to install and activate the WPZOOM Portfolio plugin.
Each portfolio post includes advanced video settings when you edit or add a new portfolio post in the Portfolio section in the Dashboard.
1. Video Lightbox – Add a YouTube, Vimeo, or self-hosted MP4 video in the Video Lightbox tab to enable a popup lightbox.
2. Video Background on Hover – Add a short preview video in the Video Background on Hover tab to create an engaging hover effect.
3. Video Background in Header – Add a full-width video header for the single post in the Video Background on Single Post tab.
Once your portfolio posts are published, you can display them using:
You can also create multiple portfolios by using categories or separate portfolio pages.
See more:
How to Add Portfolio Posts
Adding a Portfolio Page or Section
Setting up the Video Lightbox in Portfolio
Setting up the Video Background on Hover
Inspiro includes deep integration with the WordPress Customizer, allowing you to adjust global theme settings and preview changes in real time.
Go to Appearance → Customize to access the following panels:
Site Identity: Manage logo, site title, and favicon
Style Kits: Apply predefined color and font combinations to instantly style your site
Color Scheme: Select a global palette for buttons, links, and key elements
Typography: Customize fonts for various theme areas
Colors: Adjust color settings for individual sections
Header Options: Choose the header layout, width, and toggle visibility of header elements
Homepage Slideshow: Manage slideshow settings if you’re not using Elementor’s slideshow widget
Background Image: Apply a background image across the entire site
Menus: Create and assign navigation menus. More advanced options are available in Appearance → Menus.
Widgets: Assign widgets to header, footer, or sidebar areas. More advanced options are available in Appearance → Widgets.
Homepage Settings: Choose to display a static homepage or your latest posts. More advanced options are available in Settings → Reading.
Footer: Customize the footer layout, logo, additional text, and width
💡 Note: When building pages with Elementor or the block editor, many style options—such as fonts and colors—can be managed directly inside the page builder rather than the Customizer.
Inspiro is powered by the ZOOM Framework, which adds a dedicated Theme Options panel in your dashboard in WPZOOM → Theme Options. This area gives you access to settings that go beyond the Customizer.
General: Control blog layout, single post options, and general theme settings
WooCommerce: Adjust layout options for shop and product pages
Miscellaneous: Insert custom code, enable or disable features like Google Fonts, and toggle WordPress features
Portfolio Options: Manage portfolio layouts, single post display, and permalink structure
Child Theme: Adjust child theme behaviors if one is active
Framework: Access developer tools, debug info, and GIPHY autoplay settings for portfolio video backgrounds autoplay
Import/Export: Export or import theme options and widget settings
Inspiro includes several widget areas that allow you to display content in the footer and other widget areas. These areas can be customized by adding widgets in Appearance → Widgets.
To add content, click the plus sign (+) and insert widgets in the form of blocks. You can use any of the default WordPress widgets or those added by WPZOOM and other plugins.
If you prefer the classic layout, go to WPZOOM → Theme Options → Miscellaneous → WordPress Features and check the Disable Block-based Widgets Screen option. This will switch the widget screen back to the traditional interface, where you can drag and drop widgets from the Available Widgets section into the desired widget area.
Common widget areas include the following:
These give you the flexibility to display social icons, navigation, search bars, or any custom content throughout your site.
