In the comments section of Filterable Portfolio in Genesis using Isotope tutorial a user asked, How can i implement this script in a widgetized home page section? (I am using cafe pro and want to have this in section 4) We can edit front-page.php in Cafe Pro and replace the code that outputs front-page-4 widget […]
Responsive side menu with search form in Genesis using Font Awesome and Sidr in Genesis
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 […]
Off-canvas app-like mobile menu in Atmosphere Pro using mmenu
In the comments section of How to Add a Right Sidebar in Atmosphere Pro a user asked: This is pretty awesome, thank you for the awesome tutorial. I have another modification for Atmosphere Pro that I would like to implement and that’s around the Responsive Menu. Would it be possible for you to put together […]
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 add a responsive mobile menu before footer in Focus Pro
In Genesis Facebook group, a user wrote: I am using Studiopress Focus Pro on this site. I have the custom menu widget in the header right widget area…I also have it in the footer 1 widget area… What is happening is that the header menu will turn into a hamburger when viewed on a small […]
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 […]
How to Replace Home Section 1 Parallax section in Parallax Pro with a Soliloquy Slider
In the members-only forum a user asks: I would like to replace Parallax Pro front page 1st image with a slider. Can you modify this tutorial: https://sridharkatakam.com/how-to-replace-front-page-1-image-section-with-a-soliloquy-slider-in-altitude-pro/ to work with Parallax Pro? In this tutorial I share the steps for replacing the homepage section 1 having the Parallax background image in Parallax Pro front page […]
[Video] How to load and use Google Fonts from your website’s server in WordPress
A user asks, How to load google font locally inside a theme font folder? I would like to use a google font within my theme. and not rely on calling it via the functions.php file. We can download the font from Google, generate web font from it using Fontsquirrel generator, upload these files to the […]
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 […]
How to add a right arrow directly after email input field using CSS and jQuery
In the members-only forum a user wrote 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 […]
Recent Comments