Skip to content

Media

As you create sliders using the Revolution Slider or Layer Slider plugin, a unique shortcode is created for each. Revolution Slider Shortcode If you are using the Revolution Slider plugin,…

Locating Your Slider Shortcode

This theme includes the Revolution Slider and Layer Slider plugins - both of which you can use to quickly add amazing sliders to the top of any page or post. Method 1:…

Adding Sliders To The Top of Pages

Buttons are a great way to add clickable elements to your sliders. Below are ways to add them depending on the slider plugin you are using. Adding Buttons To Revolution…

Adding Buttons To Sliders

One of the things that really makes the Total theme stand out is that I've put a lot of focus on making the theme "modular" so you can easily tweak…

Create New Image Overlay Styles

Generally people upload MASSIVE images to their site so opening lightbox at full image size can be very very slow. For this reason Total uses the custom functions called wpex_get_lightbox_image and wpex_lightbox_image…

Alter The Default Lightbox Image Size

By default the Total theme does not crop any of your featured images. Some themes include built-in sizes, the problem is this causes your site to start cropping and saving…

Define Your Image Sizes

In Total you can assign a video to an image attachment so you can easily display a video inside certain Total Visual Composer modules such as the Image Grid (will display…

Assigning Videos To Images

By default Total has a custom output for the WordPress gallery which adds lightbox to the images and allows for custom cropping. However, this function can be easily disabled via…

Disable Custom Output for the WP Gallery

By default your portfolio posts will only display whatever you enter in the content. This is so you have full control with the Visual Composer page builder if you want…

Automatically Display Portfolio Media

The way the retina works in the Total theme is that any theme function (featured images, Image element, Image Grid, Post Cards, etc) will automatically generate a @2x version of…

How Retina Images Are Generated

The Total theme includes the popular Fancybox script which is a very popular and extensive lightbox solution which supports iFrames, which means you to easily open any Wistia video using…

Open A Wistia Video In Lightbox

In the Total theme Image sliders have a 100% width added to the images for design reasons. For example if you have a small image in a slider that isn’t stretched…

Prevent the Image Slider from Stretching Your Images

Creating a full-screen slider with Slider Revolution is very very simple. All you have to do is enable the setting in your general slider settings and then if applicable add…

How To Make A Revolution Slider Full Screen

Total includes the ability to display a video inside a slider when you are using the Gallery format for blog posts or when using the Image Slider or Image Gallery…

Adding Videos To Post Gallery & Image Sliders

Adding local scroll links to images is very simple and this guide will show you how, but first you will need to know how to add local scroll links to…

Add a Local Scroll Link To An Image

If images aren't being cropped when you have ssl enabled it's because of security checks the theme makes. Everything should work 100% with SSL as long as things are setup…

Image Cropping Not Working with SSL

If you are getting an error similar to the one below, please follow the steps to help fix the issue: Example Error getimagesize('PATH HERE'): failed to open stream: No such…

Troubleshooting getimagesize PHP Warning

The Total theme includes a built-in version of the FancyBox 3 javascript script for all image, video, modal and gallery lightbox functionality. Fancybox lightbox is used for various Total elements:…

Global Lightbox Settings

The Total theme includes support for the "Gallery" format which when selected will display an image slider on your blog posts instead of the default Featured image. All you need…

Post Featured Image Gallery Slider

The Total theme includes an "Image Gallery" function that allows you to assign images to any post. By default these images are used in the theme for functions like Gallery…

Using The Post Image Gallery For Image Galleries & Dynamic Templates

In the Total theme by default images inserted to the post do not open with lightbox because it could create lots of conflicts with 3rd party plugins, however, we did…

How to Enable Auto Lightbox for Post Images

If your lightbox images aren't looking quite right most likely it's because they are very large and are bigger then the browser's viewport. Simply go to Theme Panel > Image…

Lightbox Images Not Centered and Too Big

You can easily define the retina version for any image inline via the data-at2x data attribute. See the example below: <img src="image-url" data-at2x="retina-image-url">

Adding In-Line Retina Support For Images

The Total theme has a built-in image resizing function that crops images only as needed instead of the core WordPress post thumbnail function which crops images to every defined size…

Post Thumbnail Helper Functions
Back To Top