In Genesis Slack chat a user asks: I would like to move the secondary sidebar into the content sidebar wrap, so I have sidebar/content/sidebar within the wrap. Nothing I’ve tried so far seems to work. Any help would be most appreciated. By default, the secondary sidebar is present outside div.content-sidebar-wrap in Genesis 2.5.3. By adding […]
Flexbox
Image Grid on Archives in Genesis
This tutorial provides the steps to display featured images of entries (posts) on archive pages in Genesis in a 3-column grid using CSS Grid with Flexbox fallback (for oldIE). For entries that do not have a featured image set, the first attached image will be shown and if that’s not present, a fallback image. The […]
How to display WordPress Popular Posts in columns
WordPress Popular Posts is one of the most popular plugins for displaying popular posts (based on the number of views) in WordPress. This tutorial provides the steps to display 3 most popular posts in columns with image, title and category appearing one below the other in each post in a custom “Home Featured” widget area […]
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 […]
Title and Excerpt upon Hover on Featured image using Display Posts Shortcode and CSS Grid in Genesis
A member asked via email: In this tutorial https://sridharkatakam.com/portfolio-grid-showcase-pros-front-page-title-excerpt-hover/ , you place the portfolio in the Widget 4 section of the front page. I need to be able to place multiple portfolios in different places throughout my site. I believe I can figure out how to replace any of the widget areas on the Front […]
Custom Home Featured widget area using Flexible Posts Widget in Genesis
A user asked via email: Hi Sridharkatam, I have a question for you. Do you know if is possible make in Genesis themes this…? http://preview.themeforest.net/item/the-rex-wordpress-magazine-and-blog-theme/full_screen_preview/13155569 This is overlay the day in the thumbnail picture. I need this efect but I don´t know if this is possible. Do you have a manual about this? I want […]
Left aligned Primary navigation and right aligned Search box below header in Genesis
This tutorial provides the steps to add an elliptical search form below the primary nav (in HTML markup), wrap primary nav and the search in a custom div below the site header and style it using Flexbox. Screenshots: We shall use Ionicon’s search font icon for the magnifying glass. At smaller widths, the search box […]
How to add a CTA button row next to site description in Workstation Pro
This tutorial provides the steps to display one or more buttons to the right of site description text in the After Header section of Workstation Pro. With a single button: With two buttons: Step 1 Edit functions.php. To view the full content, please sign up for the membership. Already a member? Log in below or […]
3-column Footer Widgets in Altitude Pro
In the members-only forum, a user asked: Add traditional footer widgets to Altitude Pro I am looking to add traditional footer widget areas (3 or 4) to the Altitude Pro child theme. I know Altitude has a ‘footer 1’ widget area, but that only appears on the home page, and I’d like the footer to […]
Checkered story header in Genesis
In GenesisWP Slack a user asked how a full-screen story header similar to the one in nytimes can be set up in Genesis. The idea is to show date, title, subtitle and byline in the story meta section on the left and featured image on the right. This tutorial provides the steps to checkered story […]
Recent Comments