AniJS is a Javascript library to easily add animations to elements on webpages by setting the value of data-anijs data attribute using the following syntax: if an event occurs on this element do an action/animation to this element In this tutorial, I share the steps for loading this library and using it in Genesis. We […]
genesis_attr
How to replace class with an ID for Title Area in Genesis
In the members-only forum, a user asked: Hi All
> I’m a bit stuck on using attributes to alter markup. I’d like to replace the title-area css class with an ID of title-area and I’d rather not rewrite the do_header area. This can be done using genesis_attr_<context> filter hook. Add this in child theme’s functions.php: add_filter( […]
How to add a custom class to taxonomy archive description in Genesis
By default taxonomy description element in Genesis has these classes: archive-description taxonomy-archive-description taxonomy-description If you’d like to add a custom class to the above list, add the code given below in child theme’s functions.php. To view the full content, please sign up for the membership. Already a member? Log in below or here.
Custom Excerpts Overlay on Featured images below Header on Pages and Posts in Genesis
In the comments section of Full width responsive Featured image below header in Genesis with a fallback tutorial, a user asked: I use the above code often, excellent thank you. Do you have a tutorial or a bit of code where I can add some text over just the home image – Im using Genesis […]
How to display featured image as background of entry header on archives in Genesis
In GenesisWP Slack chat, a user asked: I’d like to display featured image as a background to entry title and post info on home and archive pages. Can anyone point me to any tutorials, please! I’ve been trying to figure this out myself for the past two hours. Thanks! genesis_attr filter can be used to […]
Full width featured image header with page title overlay on landing pages in Genesis
In the members-only forum a user asked: Hi Sridhar! I’m hoping to the featured image show up full width, with the page title overlayed but in Landing pages ONLY. I found this tutorial (https://sridharkatakam.com/display-page-title-full-width-featured-image-genesis/) but this one is for *all* pages and I need this on landing pages only. I’ve got it *almost* working expect […]
How to display Posts and entries of a CPT together with different layout for each in Genesis
In my tutorial requests Trello board, a user asked: Request for displaying a combined list of normal posts and a CPT together and showing the posts differently depending on if it´s a normal post or a CPT. If a normal post it should show featured image above the title. If a CPT it should grab […]
How to replace ALT text for Featured Images on Content Archives with Post Titles
When featured images are set to appear in Genesis content archives via theme settings, their Alt attribute’s value can be changed to post titles using genesis_attr filter. Add the following in child theme’s functions.php: To view the full content, please sign up for the membership. Already a member? Log in below or here.
Centering images on Genesis Archives in a fixed sized box
A user in GenesisWP Slack chat asked, My client blog page is looking a little funky because she started using a combination of landscape and portrait images for the featured image. I want to align up the images and text so I am looking at putting some column classes in the blog template. I believe […]
Recent Comments