In the comments section of Masonry in Genesis using Salvattore, a user asked: How can we set this script to show on one of altitude pro’s home page widgets? In this tutorial we are going to replace the code for displaying Altitude Pro’s Front Page 4 widget area with a custom Genesis loop with the […]
Genesis
Background Video in Front Page 1 section of Atmosphere Pro
In this tutorial we shall set up a background video on top of the front image in Atmosphere Pro using Video Background WordPress plugin. Using this plugin for background video (for the entire body or for a specific div) is certainly the best and easiest method thus far. The only caveat at this time is […]
Hero images for WooCommerce product archives and product pages in Interior Pro
In Interior Pro bg-front-page.jpg, bg-page.jpg and bg-post.jpg appear as background images for hero section below header on front page, single posts / archives and static Pages respectively and these can be changed via Customizer. In this tutorial we shall customize this if ( front page ) { front page image } else if ( single […]
Masonry in Genesis using Salvattore
Salvattore is a lightweight jQuery masonry Javascript alternative in which the widths of blocks and number of columns can be controlled via CSS. In this article I share the code to organize the posts on Posts page in a masonry layout using Salvattore. We will set the number of columns to 4 for screen widths […]
Displaying social media links after title in Genesis Author Box using custom user profile fields
In this tutorial we are going to use user_contactmethods filter hook in WordPress to add Twitter, Facebook, Pinterest, Instagram, Bloglovin and RSS Feed URL fields in user profile pages and display these hyperlinked (when not empty) along with user’s email and website URL (if entered) next to “About ” in Genesis author box using the […]
How to overlay a widget area on top of background image in Minimum Pro
This is an updated version of the older Overlaying text on background image in Minimum Pro – Part 2 tutorial. The code has been updated and improved to work with the current latest Minimum Pro v3.2.1. The idea is to register a custom “Home Backstretch Image Overlay” widget area and display the widgets placed in […]
How to replace Front Page Hero image in Showcase Pro with rotating images using Backstretch and Soliloquy
In this tutorial we shall set up background slideshow for front page hero section of Showcase Pro using Backstretch and Soliloquy. Live Demo Step 1 Install and activate Soliloquy (free lite or the premium one) plugin. Create a slider named Home and upload/select the desired background images. Since we are going to just use it […]
Fixed Utility Bar and Header in Minimum Pro and other customizations
In the comments section of How to make Utility Bar and Header fixed in Minimum Pro, a user asked: Hi , I am using the latest version: version 3.2.1, purchased May 18, 2016 For background information purposes, what I am trying to do is to have a fixed utility bar (as per Carrie Dills) with […]
Portfolio Grid on Showcase Pro’s Front Page with Title and Excerpt on Hover
Updated on May 26, 2017 In the past, I wrote about setting up Grid of Portfolio images with Title and Excerpt on Hover in Showcase Pro on the portfolio CPT archive page. In this tutorial we shall replace a Showcase Pro’s front page widget area (Front Page 4 to be specific) with a manual WP […]
How to add a sticky message widget in Altitude Pro
In the members-only forum a user asked: I tried adding a sticky message widget to Altitude Pro but it doesn’t seem to work. I’d like a tutorial on this please. Thanks In this article we shall create a custom Sticky Message widget area, display it above the header and add necessary CSS to make it […]
Recent Comments