In the comments section of Adding a responsive side menu in Genesis using Sidr a user wanted to know how a search form can be shown in the side menu with the Submit button replaced by a Font Awesome icon. In this tutorial I share the steps for adding a search form floated to the right of Primary Navigation […]
Search Results for: genesis
How to set Heading tags for Entry Titles in Genesis conditionally
A user in Genesis Facebook asks: how to wrap portfolio items on archive-portfolio.php in h3 and not in h2 tags? i am using this plug in (https://github.com/copyblogger/genesis-portfolio-pro) thanks so much genesis_entry_title_wrap filter hook can be used to change the heading tags from the default h1 (if HTML5 with semantic headings) or h2 to another, say […]
How to display a list of CPT entries below single CPT pages in Genesis
In Genesis Slack chat‘s #beginners room, a user asked: I want to add a list of posts to the bottom of my single-cpt page. In the past, I’ve created a new sidebar and added it to a widget. Is there a better way? Ideally, it would not include the current post. What other plugin for […]
Building native woo commerce support into a genesis child theme
Aloha Sridhar! I have searched and cannot find how to build woo commerce support INTO a child theme. Yes, genesis connect is one way, but I would like to suggest a tutorial on how to add it directly to a child theme. Thank you in advance! Chuck
Content Archives Posts Grid with Zoom and Hover effect for Images in Genesis
In this tutorial I share the code for displaying Posts in Posts page and Archive pages in Genesis in columns with the image (featured if present otherwise a placeholder) getting zoomed in with a subtle opacity change when hovered. Step 1 Create a file named say template_content-archives.php in your child theme directory having the following […]
Add shape end of input[type="email"] in Genesis eNews Extended widget
I’d like to add a right pointing triangle to appear directly to the right of the email input field. This can normally be done using ::after with CSS or a background image, but that doesn’t work on input fields. Is there a way to wrap input[type="email"] in a span so that the CSS can be […]
Accessible Responsive Menu in Genesis
Newer Genesis child themes like Workstation Pro and Atmosphere Pro come with responsive mobile hamburger menu code which is better than the one in older themes like Beautiful Pro or Magazine Pro in that accessibility is taken care of. In this article I share the code taken from Workstation Pro and slightly modified so that […]
Displaying Related Content using Related Posts for WP in Masonry Style in Genesis
In the comments section of Pinterest-style Related Posts in Genesis using Masonry article, a user wrote: Thank you for the tutorial! Right now it only shows related posts. Is it possible to make it show both posts and pages? My recommendation for showing related content in WordPress is to use either JetPack’s Related Posts or […]
Custom responsive Slider showing Featured Posts in Genesis using ResponsiveSlides.js
In the members-only forum a user asks, I’m using ResponsiveSlides.js quite a lot for sliders these days and wondered if you could show a tutorial for showing the latest posts from a category in the slider , using the featured image and the post title and an excerpt as an overlay. i’m using genesis http://responsiveslides.com/ […]
How to remove Site Description (Tagline) in Genesis
In Genesis Facebook page, Rian Rietveld wrote: Hi all, If you update to Genesis 2.2 and activate the accessibility features, you may see some extra headings in your theme. If you want to get rid of them, don’t use a remove_action, but hide them with CSS. Blind people need those headings to navigate and understand […]
Recent Comments