Want to add a custom attribute like target=”foobox” or data-featherlight=”#enews-popup” to a specific nav menu item’s anchor? nav_menu_link_attributes filter hook in WordPress is your friend. For example, adding /** * Add custom attribute and value to a nav menu item’s anchor. * * @author Sridhar Katakam * @link https://sridharkatakam.com/ */ add_filter( ‘nav_menu_link_attributes’, function ( $atts, […]
Search Results for: image
Split Navigation in Gallery Pro
This tutorial covers the details of implementing Split Navigation with menu items on logo’s left and right in Genesis in Gallery Pro. We shall shrink the logo down upon scrolling down and on mobile widths, make it appear above the hamburger menu icon. Step 1 Edit functions.php. a) In // Add support for custom header […]
StudioPress-like FAQ section in Genesis
In my tutorials requests Trello board, a user asked: I was looking on the StudioPress Site and would like to see a tutorial to implement the FAQ section. Love the action and shadowing, left alignment of multi-line questions. (http://my.studiopress.com/plans/) In this tutorial, I pull apart the HTML, CSS and JS code for the FAQ section […]
How to remove “Select options” button from variable products on the main WooCommerce shop page
Updated on August 20, 2018 In Genesis Slack‘s WooCommerce channel, a user asked: Totally random question but does anyone know how to remove the “Select Options” button in WooCommerce Shop Main page? woocommerce_loop_add_to_cart_link filter hook can be used to remove the Select options buttons for each variable product. Add the following in child theme’s functions.php: […]
Home Welcome widget areas in Genesis
In the comments section of How to set up a Welcome section with Image at left and a Text widget on right in Genesis, a user asked: 1. Is it possible to get a modifyed code for displaying the section only on home page? 2. Adjustment of height? 3. Useing a pic, without transparent background? […]
Custom Listings Carousel in AgentPress Pro using Slick and Flexible Posts Widget
In Genesis Slack chat, a user asked: Seeking a carousel slider plugin that will work in a widget for the home page of the StudioPress AgentPress Pro theme. Tried a few, searched Google for hours and nothing really fits the bill. It is for a real estate website. Thanks. The effect I am seeking is […]
Theme Logo in Genesis
Theme Logo is a theme feature, first introduced in Version 4.5. This feature allows themes to add custom logos. Theme/Custom Logo feature is the recommended method for adding logos in WordPress versus using the Custom Header especially with the built-in schema benefit of itemprop=”logo” microdata for the logo image element. In this article, I share […]
How to Change Single Post Titles’ Wrapping Element from H1 to H2 in Genesis
Note: As Amanda points out in the comments, it is not a good idea to do this for SEO and accessibility reasons. In Genesis, entry titles on single Post pages get wrapped in h1 tags by default. What if you want to change these to h2 instead like this? Just add the following in your […]
Video Background in AgentPress Pro
This tutorial provides the steps to replace the full-screen background image in AgentPress Pro’s homepage with a background video using the Video Background plugin. Summary of steps: Set a static Page as front page Wrap .site-header and .home-featured in a custom div on the front page if Home Featured widget area is populated Specify this […]
How to add File Size admin column in WordPress Media Library
Looking to add file size column in the WordPress media library? Add the following in child theme’s functions.php: If you would like to use a plugin for the same, here are a few options: Media Files Tools Admin Columns References: http://wordpress.stackexchange.com/a/195842/14380 https://codex.wordpress.org/Function_Reference/size_format
Recent Comments