This tutorial provides the steps to display a full-width Soliloquy slider in the Front Page 1 widget area of Monochrome Pro. Step 1 Install and activate Soliloquy (commercial version) plugin. Step 2 In lib/customize.php change To view the full content, please sign up for the membership. Already a member? Log in below or here. Username […]
How to set a fallback image for single Posts in Monochrome Pro
In the comments section of How to set Featured Image as Header’s background using Backstretch in Genesis a user asked: I’m curious how this concept could be integrated with Monochrome Pro. For single posts, it’s already using it’s own backstretch between the site-header and site-inner with the author’s user profile image overlaid, but only if […]
object-fit: cover for images
In a recent website that I developed, the requirement was to display an image (via an image widget – i.e., not a background) next to an opt-in form and have the image automatically take up as much height as the form. After setting the display of the parent container of the widgets to flex, both […]
Featured image below header on Pages and Posts with entry header overlay in Infinity Pro
In the comments section of Featured image below header on static Pages in Infinity Pro, a user asked: How can I add the title of the page to the middle of the image? This tutorial provides the steps to register a custom image size for hero image on static Pages and single Posts. create a […]
How to add a secondary menu in Business Pro
This tutorial provides the steps to customize Business Pro for adding secondary navigation menu below the site header and combine the primary and secondary menus in mobile menu. Step 1 Edit functions.php. a) Change To view the full content, please sign up for the membership. Already a member? Log in below or here.
Full-width featured image with excerpt overlay on static Pages in Atmosphere Pro
In the comments section of Full-width featured image with a widget area overlay on static Pages in Digital Pro, a user asked: Hmm…it worked really well for Atmosphere Pro. Now I just have to figure out how to get different words to show up on the top of each separate page. Any ideas? We can […]
Infinite Scroll + Masonry in Genesis
In one of my earlier tutorials, I showed how to set up a button to load more posts on the same page using Infinite Scroll in Genesis. In this article, we are going to take it one step further and use Isotope script (from the same author, Desandro aka Metafizzy) to set up the posts […]
Full Width Page Template in Genesis for Beaver Builder and Elementor
Updated on May 04, 2018 In the past, I shared a page template for Beaver Builder based on Bill Erickson’s full width landing pages here. Here I cover a similar but slightly better/generic approach that can be used for Beaver Builder, Elementor and theoretically, any other page builder (I have only tested those two) in […]
Full-width featured image with a widget area overlay on static Pages in Digital Pro
In the comments section of How to display full sized (viewport height) featured image on static Pages in Digital Pro, a user asked: Hi Sridhar! Thanks for your tutorials, i have tried out a handful and they all work marvelously! I really like the approach in this tutorial with the page.php and use of featured […]
Off-canvas Slideout menu in Altitude Pro
In the comments section of Responsive menu inside an off-canvas side menu using Slideout.js in Genesis, a user asked: Looks great Sridhar! Would love to use this on a new project. I’m using Altitude Pro as my base theme and I can’t get it to work. Any tips? In this article, I share the steps […]
Recent Comments