Skip to content

Media

The Total WordPress theme has some great page builder elements for displaying images on your site such as the image slider, image carousel and image grid elements. By default these…

Managing Many Images with the Real Media Library Plugin

The Secondary Image Swap overlay style allows you to hover on the featured image and display a secondary image (much like WooCommerce products function by default). To enable, simply edit…

Secondary Image Swap Overlay Style

The Total theme includes an exclusive Video element that you can use to insert videos anywhere on your site. This element includes some parameters you can enable such as Auto…

Insert/Embed Videos with Custom Parameters

In version 4.5.0 of Total we introduced a new function named "Thumbnail Post Format Icons" which you can enable under the main "Theme Panel" (disabled by default). This will display…

Featured Image (Thumbnail) Format Icons

The Fancybox script included in the Total theme allows you to open any content via lightbox and Total has some functions built-in to make this easier. The guide below explains…

How to Display Custom Content in a Modal Popup Window

The Total theme includes a "Secondary Image" option which allows you to define a secondary image for your page apart from the "Featured Image". By itself the field doesn't really…

What is the Secondary Image/Thumbnail?

Horizontal scrolling areas have become quite popular because they allow you to display more content without increasing the vertical height of your page but without loading external slider/carousel libraries that…

Horizontal Image Gallery with Scrollbar

In Total 5.11 we added the ability to control the Image element "Mix Blend Mode" CSS property which can be used for all sorts of cool image displays but one…

How to Add a Color Overlay to the Image Element

The Total theme includes built-in javascript for the modern dialog element. In fact, it's used for a few features such as the Social Sharing element (when set to Modal) and…

Adding Modal Dialogs using HTML

Total doesn't have a built-in Video post type for creating custom video galleries or posts, but it's very easy to do so. In this guide I'll show you how to…

Creating Video Galleries using a Custom Post Type

When displaying a single-slide carousel on your site, you might encounter a subpixel rendering bug that manifests as a thin line on the left side of the carousel. This issue…

How to Fix the Carousel Vertical Line Overflow Bug

Even though Total includes the ability to display images and cards in carousels, they may not always be the best choice for your site. Carousel support was added primarily due…

Why You Shouldn’t Be using Carousels on Your Website
Back To Top