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 […]
Search Results for: photo
Reply To: Featured Images Under Header on Pages of Infinity Pro
I think I have the same question. I’d like full-width photos in INFINITY PRO pages and posts. Like the tutorial you did for ALTITUDE PRO and MINIUMUM PRO… Full Screen Featured Image Background Parallax section on Posts and Pages in Altitude Pro and How to display full width Featured image below Header in Minimum Pro […]
Custom Page Template for Authors Index in Genesis
This tutorial provides the steps to get the list of all users in the site, loop through them and if the user has published at least one post, display the user’s avatar, display name and job title (a custom user profile field) and use CSS Grid with a Flebox fallback to display the results in […]
Side by side images in Infinity Pro’s Front Page 3 section
In the comments section of Side by side images with centered widget areas in Altitude Pro’s front page tutorial, a user asked: I would like to know if you can help create a tutorial for creating a side-by-side widget areas for Infinity Pro theme front page 3. I tried recreate for the homepage, but Iām […]
The Events Calendar Customizations in Genesis
In my tutorial requests Trello board a user asked, The Event Calendar by Modern Tribe – they don’t have a way to add the holidays. So I created a category called Holidays. When displayed in List View or Monthly Calendar, I do not want them “clickable” and I do not want the “Read More” or […]
EXPANDING COLUMN IN GENESIS AND/OR BEAVER BUILDER
I have this test site: https://designtlcdev.com/ I am using Beaver Builder to create 4 columns on the home page. I installed a Beaver Builder Add On Power Pack that has an Image Panel Module. This is the top row on this test site. I would like: 1) the photos to expand to 100% width on […]
Grid of featured images with sliding content panels on a CPT archive in Genesis
In my tutorial requests Trello board, a user asked: I would love a tutorial on how to use cpt and maybe the accordian show/hide to get a result similar to this Team/Staff page: http://www.unified.com/team/ I think this could be used for portfolio pages also. Thank you so much! I think this could be used for […]
Parallax scrolling effect in Genesis using Parallax.js
In this tutorial I show how Parallax.js jQuery script can be implemented in Genesis. We shall register a “Featured” widget area, place a text widget in it, display it below header while specifying the URL of a image to be shown as the parallax background. Also we will display another parallax image above the footer. […]
Custom Category Images Carousel in Genesis using Flickity
In my Facebook group a user wrote: How to display categories or post images above header in a slider style format. We can use WP Term Images to associate images with categories and display these along with the category titles in a carousel above the primary nav above the header using Flickity in Genesis. Note: […]
How to make a specific section in Genesis editable via Beaver Builder
Updated on September 16, 2016 In Genesis Facebook group a user asked: I have an Executive Pro/Beaver Builder/client question for you, to see if this is possible. I haven’t used Beaver Builder. I just hand-code my CSS. The client wants to be able to do this themselves. This is in the home-top widget of Executive […]
Recent Comments