Sridhar Katakam

Genesis and WordPress Tutorials

You are here: Home / Search for "wordpress"

Search Results for: wordpress

Google Fonts Selector in the Customizer in Genesis

by 2 Comments

This tutorial provides the steps to implement gist.github.com/purzlbaum/afa41255afee372128e6 in Genesis so users can select font family for headings and body fonts in the Customizer. While the tutorial has been written for Genesis Sample 2.6.0, it should work with a few adjustments in any Genesis theme. Step 1 Genesis Sample loads Source Sans Pro in a […]

Reply To: Update to Adding Navigation Menu descriptions in Genesis

by

Hi Sridhar, I got help on this one in Slack. Here the text from Slack Make a backup first! Then, find this line in the Menu_With_Description class file: function start_el(&$output, $item, $depth, $args) { and replace it with this: function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) { I […]

Custom background image for site header using ACF in Anchored

by Leave a Comment

In my tutorial requests Trello board, a user asked: I’d like to be able to set a custom header background image on a per page basis in the Anchored theme by Restored 316. I wouldn’t want it to be based on featured image, however, because that would effect all the blog posts. I’d just like […]

Universal Parallax in Genesis

by 2 Comments

I have recently come across a parallax Javascript aptly named Universal Parallax that works beautifully on all devices incl. tablets and mobiles. In fact, this is the only cross-platform or universal parallax script as far as I know that works for background images. If you are looking to move multiple elements at different speeds on […]

How to display content/content limit on desktops and excerpts on mobiles in Genesis

by 1 Comment

This tutorial provides the steps to use Mobble plugin to display content or content limit (depending on what’s set in the Genesis theme settings) for desktops & tablets and excerpts on mobiles. Step 1 Install and activate Mobble. [optional] The plugin has not been updated in 2 years time and includes an old version of […]

Site Title on left, Primary Nav in the middle and Header Right widget area on the right in Genesis Sample

by Leave a Comment

This tutorial provides the steps to customize Genesis Sample 2.6.0 to show the primary nav menu horizontally centered and Header Right widget area at the right. From 959px and below the elements will be set to be shown one below the other. Step 1 Activate Header Right widget area. In functions.php comment out or delete […]

How to add widgets above the navigation in Genesis Sample

by 8 Comments

This tutorial provides the steps to display the widgets placed inside Header Right widget area (after it is activated) above the primary navigation menu in Genesis Sample. We shall wrap the Header Right widget area and primary nav in a custom div and use Flexbox for styling the header. Sample HTML markup: Mobile: Tested in […]

>