Skip to content

Image Overlays

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 it or extend it via child theme functions. Creating overlay styles is quite simple since version 1.6.0. Step 1 Add A New Overlay Style To The…

Create New Image Overlay Styles

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 any Total element that supports the Thumbnail/Image Overlay option and select either the Secondary Image Swap or Secondary Image Swap and Title option. Of course…

Secondary Image Swap Overlay Style

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 “do” anything, however it is used in various theme functions for example the Image Swap Overlay. How to Display the Secondary Image? There are various…

What is the Secondary Image/Thumbnail?
Back To Top