Update on December 13, 2018 The method below is NOT recommended. Follow this instead. Update on Sunday, May 17, 2015 The method below is NOT recommended. Follow this BigVideo.js method instead: http://sridharkatakam.com/how-to-replace-home-section-1s-parallax-image-background-with-video-background-using-bigvideo-js/ Carrie Atkins asks, Hi, Love your tutorials! Looking to put the video in Parallax Pro, Studiopress. I want to use it as a […]
Search Results for: youtube
Genesis Sandbox Featured Content Widget’s output in a responsive grid with title and excerpt/content on hover
Genesis Sandbox Featured Content Widget is a great plugin that is similar to the built-in Genesis – Featured Posts or Page widget, but on steroids. In this tutorial I show how Featured images of 8 Posts from a specific category can be shown in a 4 x 2 grid with the Post’s title and excerpt/content […]
Testimonials Carousel in WordPress using Testimonials by WooThemes, Display Posts Shortcode and Slick jQuery
In this article I show how ‘testimonial’ CPT entries made available by Testimonials by WooThemes plugin can be output using Bill Erickson’s Display Posts Shortcode plugin and displayed as a responsive carousel using Slick jQuery script. The reason for not using Testimonials plugin’s built-in shortcode is because it did not seem possible with the generated […]
How to set up animated Search form in Genesis
Today a user mailed: I just simply want to add a search feature on the primary menu of my site. I am using Genesis theme and Altitude Pro theme. The site is —-.com. I tried doing it myself, but nothing seems to work… that is how I found your site. I saw your tutorial. I’d […]
Posts Carousel in Genesis using bxSlider
Want to display featured images of Posts in a responsive carousel in your Genesis site? In this site I show how we can use bxSlider jQuery script for automatically converting Posts output by a WP Query loop into a carousel. Post titles are going to appear at the bottom when the featured image of each […]
How to add links to previous and next entries that slide open to reveal titles in Genesis
In this article I share how get_adjacent_post() can be used to display links to previous and next entries on single Post pages and single entries of a particular ‘movies’ CPT in Genesis. Summary: a) The navigation links are going to remain fixed and always visible. b) jQuery is used to calculate the number of pixels […]
How to display a Fixed Mini Header when Scrolling down in Genesis
Update on January 16, 2017: New tutorial > https://sridharkatakam.com/fixed-mini-header-scroll-inline-logo-nav-menu-genesis/ In a recent customization project I took up, client wrote: The other feature we’d like to implement is a sticky header that shrinks after the page has scrolled very much like the page at http://www.marcuardfamilyoffice.com/en/values In this article I share how a sticky mini header consisting […]
Collapsible Horizontal Opt-in form in Genesis
In the comments section of my tutorial titled Adding a horizontal opt-in form in Genesis, a reader asked: Got this form to work perfectly! Only question is finding a way for people to collapse it if they’re already subscribed or just want to hide it on the screen. I want it to show up by […]
How to reveal Featured Images when hovering on Posts in Whitespace Pro
Paul asks, Anyone figure out how to show featured images (even if partially transparent) on hover for the #genesiswp Whitespace them?— Paul Letourneau (@paulletourneau) December 5, 2014 In this article I share the code to display Featured images on hover for Posts on homepage of Whitespace Pro. Screenshot: Screencast: Step 1 Register a custom image […]
CSS Injection and Auto Refresh using BrowserSync
In this article I share how I use BrowserSync to see changes in WordPress websites (on localhost) instantly in the browser without having to manually refresh the browser. I use DesktopServer for managing websites on my computer. For example, I have WordPress installs at several URLs like genesis.dev, bfwpdeals.dev. BrowserSync can be installed after installing […]
Recent Comments