This tutorial provides the steps to display full-width category-specific image (if set) below the header on category archive pages in Genesis. While the tutorial has been written for Genesis Sample, it should work with a few adjustments in any Genesis theme. Step 1 Install and activate WP Term Images plugin. Step 2 Edit categories and […]
Search Results for: ai image
How to move Header Image into Primary Navigation in Magazine Pro
This tutorial provides the steps to: remove site header add custom header image in the primary navigation menu in Magazine Pro. Before: After: Step 1 If you have not already, upload/select your desired logo image in the Customizer in the “Header Image” section. Step 2 Add the following in Magazine Pro’s functions.php: // Remove Site […]
How to set a fallback image for single Posts in Monochrome Pro
In the comments section of How to set Featured Image as Header’s background using Backstretch in Genesis a user asked: I’m curious how this concept could be integrated with Monochrome Pro. For single posts, it’s already using it’s own backstretch between the site-header and site-inner with the author’s user profile image overlaid, but only if […]
object-fit: cover for images
In a recent website that I developed, the requirement was to display an image (via an image widget – i.e., not a background) next to an opt-in form and have the image automatically take up as much height as the form. After setting the display of the parent container of the widgets to flex, both […]
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 […]
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 […]
How to add a banner image below the header in Outfitter Pro
In my Trello board, a user requested for a tutorial on adding a header image above the front-page store in the recently released Outfitter Pro. We can add an additional setting in the WordPress Customizer under the “Theme Options” section so the site admin can upload/select an image and have this appear below the site […]
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 […]
Ken Burns effect for Front Page 1 image in Infinity Pro
In my tutorial requests Trello board, a user asks: How would you add the Ken Burns Effect to the front-page1 background image in infinity pro and keep it responsive? The Ken Burns effect is a type of panning and zooming effect used in video production from still imagery. We can create a custom animation using […]
Recent Comments