In the comments section of How to set up Flexible Widgets in any Genesis child theme, a user asked: Sridhar – thank you. Can I use this to convert the Altitude Pro footer widget into a flexible widget area? What adjustments would I make to do that? Thanks. This tutorial provides the steps to use […]
Search Results for: widgets
How to set up Flexible Widgets in any Genesis child theme
Updated on May 24, 2018 with code based from Essence Pro. Certain Genesis child themes from StudioPress like Essence Pro have the Flexible Widgets feature wherein the widgets placed in widget areas automatically get arranged in different layouts on the frontend depending on the number of widgets in the widget area. In this article, I […]
2-column footer widgets in Infinity Pro
In the tutorial requests Trello board, a user asked: Hi Sridhar, In the Infinity Pro theme, is there a way to add an optin form with a custom background at the footer before the footer menu appear. The optin also can show on every pages of the website. Example websites: http://katenorthrup.com/ and http://nishamoodley.com/ with a […]
How to replace Flexible Footer widget area in Wellness Pro with traditional Footer widgets
In the Facebook group for this site a user asked: Has anyone used the Wellness Pro theme and figured out a way to get the default way to configure the footer widgets? I don’t like the way this theme does it. Wellness Pro uses a custom Footer widget area and automatically displays the contents in […]
Skeleton to change widgets markup in Genesis
Ever wondered on a lazy Sunday afternoon as to where the HTML markup of widgets comes from in your Genesis site? I did, the last weekend and learned that there are two filters genesis_register_sidebar_defaults – for backward compatibility genesis_register_widget_area_defaults that Genesis provides to alter the widgets’ markup. Below is the skeleton or boilerplate code using […]
Using Flexbox for displaying widgets in columns
A common question I see being asked is, “How do I display widgets placed in a widget area in columns?” In this tutorial, I provide basic Flexbox CSS code for arranging three child elements of a container side by side in columns. Screencast: Given the HTML structure of we begin by declaring display property of […]
How to move post info above title in Genesis Featured Posts widgets
In the comments section of Custom Genesis Featured Posts Widget plugin tutorial, a user asks: First of all, thank you for this plugin! However, I’ve been busy the last two hours trying to move the entry-meta above the title…to no avail! Could someone please point me in the right direction. Where to pass the $args[‘before_title]? […]
How to fade in widgets using ScrollMagic in Genesis
This tutorial provides the steps to fade in widget areas on a custom full-width front page in Genesis using the ScrollMagic javascript library. We are going to create 5 front page widget areas and display these on a static front page using this method. Then enqueue ScrollMagic and initialize it like so: create a new […]
how to use matchHeight on 3 widgets on Homepage to get equal height?
Hi Sridhar, I would like to lear to use matchHeight to make 3 widgets on my homepage get equal height. I work on this site: http://chirurg.lindebjerg.de/ On the homepage after the big slider, I have 3 widget areas: middle-left, middle-middle, middle-right I have 3 text-widgets. How can I make these 3 widget areas to appear […]
3 Methods to Add a Title for Footer Widgets in Genesis
Looking to add a title or custom HTML above the footer widgets (.footer-widgets > .wrap)? Here are three ways in which this can be done in the order of my personal preference from top to bottom. PHP code goes in child theme’s functions.php. Tested in Genesis Sample child theme with Accessibility support enabled for headings […]
Recent Comments