Sridhar Katakam

Genesis and WordPress Tutorials

You are here: Home / Search for "genesis"

Search Results for: genesis

Using Waypoints Sticky Elements to fix elements to top of page upon scrolling in WordPress

by 13 Comments

In the past I showed elements like header and navigation can be made to stick to top of page when the user scrolls past using jQuery script and jQuery.Pin. In this article I show how jQuery Waypoints Sticky Elements shortcut can be used to do the same. Upload waypoints.min.js and waypoints-sticky.min.js to child theme directory/js. […]

Changing WordPress widget title heading tag using jQuery

by 1 Comment

On a site that I worked on today it was required to change the widget title HTML output from <h4 class="widget-title widgettitle">Meta</h4> to <h2 class="widget-title widgettitle"><span>Meta</span></h2> for a specific widget for styling it uniquely. i.e., before: after: While it is possible to customize title markup for all widgets in Genesis using genesis_register_sidebar_defaults filter, I do […]

Scroll animations in WordPress using Animate.css, Jack In The Box and Waypoints

by 18 Comments

In this article I share my findings on animating elements as they come into view in WordPress. Yesterday I came across Jack In The Box. From the github page: Reveal CSS animation as you scroll down a page. By default, you should use it to trigger animate.css animations. Jack In The Box is kind of […]

>