This tutorial provides the steps to overlay site header (automatically sized to half the viewport height) on featured image on single posts and the image fading away on scrolling down with fading in when scrolling up in Genesis. https://sridharkatakam.com/wp-content/uploads/2018/02/hero-featured-image-fade-scroll.mp4 While the tutorial has been written for Genesis Sample, it should work with a few adjustments […]
Search Results for: featured image
Full width responsive featured image with page title overlay on landing pages in Genesis
In the comments section of Full width featured image header with page title overlay on landing pages in Genesis, a user asked: Is there a way to make this pickup responsive? Not sure what “pickup” is in this context, but assuming that the user wants to have the featured image behave responsively I’ve worked out […]
Featured image below header on Pages and Posts with entry header overlay in Infinity Pro
In the comments section of Featured image below header on static Pages in Infinity Pro, a user asked: How can I add the title of the page to the middle of the image? This tutorial provides the steps to register a custom image size for hero image on static Pages and single Posts. create a […]
Category Links in front page with featured images + color overlay
Hi Sridhar, I’m wanting to have links to different categories in a front page widget area with the following set up 3 across featured image color overlay which changes on hover category name in the center of image / color over lay I *almost* have it working here. But I can’t quite get the color […]
Full-width featured image with excerpt overlay on static Pages in Atmosphere Pro
In the comments section of Full-width featured image with a widget area overlay on static Pages in Digital Pro, a user asked: Hmm…it worked really well for Atmosphere Pro. Now I just have to figure out how to get different words to show up on the top of each separate page. Any ideas? We can […]
Full-width featured image with a widget area overlay on static Pages in Digital Pro
In the comments section of How to display full sized (viewport height) featured image on static Pages in Digital Pro, a user asked: Hi Sridhar! Thanks for your tutorials, i have tried out a handful and they all work marvelously! I really like the approach in this tutorial with the page.php and use of featured […]
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 […]
Featured image below header on static Pages in Infinity Pro
This tutorial provides the steps to display featured image (if present) below the site header on static Pages in Infinity Pro. Step 1 Add the following in Infinity Pro’s functions.php: To view the full content, please sign up for the membership. Already a member? Log in below or here.
How to unlink featured image from Genesis – Featured Page widgets
In Genesis WordPress Facebook group, a user asked: Hi everyone. On Genesis Featured Page, how can I disable link to page from featured image? I’m using Atmosphere Pro. Custom Genesis – Featured Page Widget plugin can be used for this. Here’s how. Step 1 Install and activate Custom Genesis Featured Page Widget plugin. Step 2 […]
How to set featured image as background for Posts page heading in Genesis
When a static Page has been set as Posts page at Settings > Reading, the title of the Page will automatically appear as a heading on the Posts page in Genesis. This tutorial provides the steps to grab URL of the featured image set for this Page and set it as background image for the […]
Recent Comments