This code enables you to add a custom mobile responsive image which replaces the featured image at a specific screen width. In this example,
Genesis Featured Image Tutorials
This archive contains tutorials which relate to the modification/addition of featured images in genesis child themes and other WordPress themes. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for registered users. This archive does not contain all tutorials which relate to the use of featured images. To view all tutorials related to featured images, please use the search box with the keyword featured image.
Filter WooCommerce Main Product Image
This tutorial provides 2 code snippets which enable you to filter the main product image on the single product page in WooCommerce. As seen
Genesis Responsive After Header Featured Image 100% Width
This code enables you to add the featured image after the header using width:100%; This displays the image full width regardless of the
Replace Featured Image With Slider On Archive Pages
This download includes 3 files which do the following : The 1st file single.php contains code which enables you to add a slider before
How To Insert Featured Image Before 1st H2 Tag
This code is similar to this snippet however it enables you to add any type of content, in this case the featured image, before the 1st h2
Add Featured Image After 1st H2 Heading Tag in Single Posts
This code inserts the featured image after the first sub heading as long as its wrapped in h2 tags. You can change the code to insert
Responsive Text Over Image
This code makes the font size responsive so the text size increases and decreases when the size of the browser window changes without the
Display Post Tags On Image Hover
This code enables you to overlay tags on image hover like this example : You can choose the tags by tag id and swap out the default
Remove Featured Images From Archives in Academy Pro
The academy Pro child theme by StudioPress includes 2 lines of code on lines 393 & 394 in functions.php which reposition the featured image
Template For Custom Genesis Grid Loop With Image Hover Overlay
This template displays the featured image with a hover overlay effect. It is coded to display the image caption, if added, otherwise it
Remove Featured Image From Specific Archive Entries
This code adds a checkbox to all single post edit screens which enables you to remove the featured image from any/all archive
Add Text Overlay To Featured Image Hover On Single Posts
This code enables you to display text from various sources using different overlay effects when the featured image is hovered on single
Archive Template With Featured Image Hover Overlay
This archive template overlays content when the featured image is hovered. You can display any content on hover including : The
Authority Pro Full Width Featured Image On Single Posts
A member of the Genesis community asked, "How do i make the featured image on single posts full width?" There's 2 steps : Step 1 :
Featured Image Before Single Page Entry Title in Genesis
This code adds the featured image before the entry title on single pages only. The image is only added if a featured image is set using the
Monochrome Pro Image After Header On Any Page Type
This solution enables you to add a unique image after the header on any single page or specific page type like the Genesis blog page
Add Featured Images With Fallback To Previous & Next Post Pagination in Genesis
This tutorial provides 2 solutions which produce the same result. Both code snippets enable you to add previous and next post navigation
Monochrome Pro Add Featured or Hero Image After Header On Single Pages
The code in this tutorial enables you to make any single page look the same as single posts. On top of this, you can display either the
Full Width Featured Image After Header In Genesis
This code enables you to display your featured image, full width, after the header, on single posts. If no featured image is added, a
Display Genesis Featured Posts In Horizontal Grid With Overlay Title On Hover
This tutorial shows you one way to use the Genesis Featured Posts widget to display posts in horizontal columns like you see in the Brunch