In the past, I wrote an article on displaying social media links after title in Genesis Author Box using custom user profile fields. Today we will extend it by linking the gravatar image to author archive page linking the author name to author archive page displaying the social media links (whatever have been filled out […]
How to append Job Title or Designation to Author Name in Genesis Author Box
This tutorial provides the steps to add a Job Title custom field in user profile pages and when filled, display it to the right of post author’s name in author boxes in Genesis. Action hooks used: show_user_profile, edit_user_profile, personal_options_update, edit_user_profile_update Filter hook used: genesis_author_box_title Step 1 In this example, I’ve set the size of author […]
How to show featured image of latest post for each unique posts published year in WordPress/Genesis
In a Genesis site that I am currently developing, there is an “Archive” page whose design looks like this: I could have simply hard-coded the images and the years and be done with the page in about 15 min. But I’ve decided to complicate things for myself and spent half a day making it dynamic […]
Custom Home Featured widget area using Flexible Posts Widget in Genesis
A user asked via email: Hi Sridharkatam, I have a question for you. Do you know if is possible make in Genesis themes this…? http://preview.themeforest.net/item/the-rex-wordpress-magazine-and-blog-theme/full_screen_preview/13155569 This is overlay the day in the thumbnail picture. I need this efect but I don´t know if this is possible. Do you have a manual about this? I want […]
Custom SVG Social Sharing Buttons in WordPress
This tutorial provides the steps to set up custom SVG icon backgrounds as social sharing buttons using Naked Social Share WordPress plugin. Step 1 Install and activate Naked Social Share. Step 2 Go to Settings > Naked Social Share and adjust the settings to your liking. In this example, we are going to add the […]
Using Custom Menu for Social Media SVG Icons in WordPress
While using a plugin like Simple Social Icons is an option for displaying social icons, it is not easy or straight forward (from what I’ve seen) to replace icons of social networks that the plugin comes with. If you are looking to use your custom SVG social icons in a widget area, it’s easier to […]
Posts Grid in Genesis using CSS Grid
CSS Grid is a fantastic new feature in CSS supported by all modern browsers (partial support in IE at the time of writing this) since March of this year. Creating a grid is now as simple as declaring display property of the parent container element as grid. The number of columns can be set in […]
Left aligned Primary navigation and right aligned Search box below header in Genesis
This tutorial provides the steps to add an elliptical search form below the primary nav (in HTML markup), wrap primary nav and the search in a custom div below the site header and style it using Flexbox. Screenshots: We shall use Ionicon’s search font icon for the magnifying glass. At smaller widths, the search box […]
How to add Simple Social Icons in Altitude Pro’s Header
In the comments section of Adding Simple Social Icons to Navigation bar in Genesis, a user asked: I love this tutorial and have it working well. But I was wondering if there was a way to keep the social icons always showing even on mobile (versus having the user click the mobile menu icon to […]
Conditional layouts for WooCommerce product archives based on parent category
In the members-only forum, a user asked: I’m trying to show or hide the sidebar using the full-width-content or sidebar-content layout on categories depending on the parent category in WooCommerce. I have a lot of sub categories so don’t want to do it manually in the archive setting of each category. I also need to […]
Recent Comments