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…

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…

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…

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"…

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…

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 can cause your…

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…

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…

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…

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…

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 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…

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…

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…

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 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…

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…

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…

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…

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…

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…

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…

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…

Post Thumbnail Helper Functions
Back To Top