This tutorial provides the changes to be in Parallax Pro to set up a transparent site header (fixed, by default) on the homepage that gets a white background when scrolling down. Inner pages will be set to show white background header all the time. Homepage: Homepage when scrolled: Inner page: Inner page when scrolled: 860px […]
Search Results for: parallax
Floating Header on Soliloquy slider in Parallax Pro
In the comments section of Full width Soliloquy slider below header in Parallax Pro, a user asked: Sridhar, is it possible to extend the top of the slider so that the top nav is transparent over top of it? This tutorial provides the steps to add a slider using the free Soliloquy plugin, display it […]
Parallax featured image below header in Genesis
In the comments section of Featured Parallax Section on Singular pages in Genesis, a user asked: Hi Sridhar I sit possible for this to function without the ACF plugin? I don’t need the text area. You have other full width header image tutorials where ACF is not needed. Many thanks This tutorial provides the steps […]
How to replace Home Section 3 with Two Widget Areas in Parallax Pro
Provides access to How to replace Home Section 3 with Two Widget Areas in Parallax Pro tutorial. Price: $10 First Name: First Name Required Last Name: Last Name Required Username:* Invalid Username Email:* Invalid Email Password:* Invalid Password Password Confirmation:* Password Confirmation Doesn’t Match Credit or Debit Card (via Stripe) Pay with your credit card […]
Chevron-shaped Featured Parallax Section in Genesis using clip-path
This tutorial is based on How to slant edges of elements in Genesis and provides the steps to set up a down facing chevron-like featured section below the front page in Genesis with a parallax background image changeable in the Customizer (with instant live preview). We are going to register a custom Home Featured widget […]
How to add an additional non-front page customizer setting in Parallax Pro
I finished a customization work yesterday whose inputs was: I created a new page template for parallax pro in order to make a salespage. The only thing is I would like to add the possibility to upload a background image in customizer for the top widget (.product-name) on this page only. In this tutorial, I […]
Featured Parallax Section on Singular pages in Genesis
In the past, I wrote a tutorial titled Featured Image Background Parallax section on Posts and Pages in Altitude Pro. This tutorial is different in the following ways: Parallax.js jQuery script (more robust) is used instead of JS from Parallax Pro theme Instead of post info/title, entry-specific content (if present) in a custom text area […]
Full width Soliloquy slider below header in Parallax Pro
This tutorial provides the steps to display a full-width slider using the free version of Soliloquy plugin, Soliloquy Lite below the header in Parallax Pro. Step 1 Install and activate Soliloquy Lite. Create a slider named say, Front page Slider and upload/select your desired slide images. In this example, I’ve used images sized 1600 x […]
Parallax scrolling effect in Genesis using Parallax.js
In this tutorial I show how Parallax.js jQuery script can be implemented in Genesis. We shall register a “Featured” widget area, place a text widget in it, display it below header while specifying the URL of a image to be shown as the parallax background. Also we will display another parallax image above the footer. […]
Parallax slanted featured image on single posts in Genesis
In this tutorial we will add a custom div below the header/nav on single posts in Genesis and display the featured image (if present, otherwise a default fallback image) in it with parallax effect and slanted edge using clip-path. Screenshot: Screencast: Step 1 To view the full content, please sign up for the membership. Already […]
Recent Comments