This tutorial enables you to change the width of the featured image displayed on single posts from the default size of full width to any
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.
Academy Pro Single Page Template
This template for use with the Academy Pro theme enables you to customize any single page. In this case, the template displays, in the
Gallery Pro – Add Featured Hero Image To Single Pages
This tutorial provides 2 different solutions which enable you to add the full width after header featured image to single pages in the same
Monochrome Pro Custom Single Post Hero Images
This download folder contains the code which enables you to add a default image which is displayed when no featured image added on single
Responsive Custom Text Over Featured Image After Header
This code extends the code in this tutorial which enables you to add a responsive featured image after the header in Genesis child themes.
Show Post Title On Image Hover – No Sidebar Pro Front Page
This solution displays the entry title centered over the featured image on hover. The entry meta including the author avatar are
No Sidebar Pro Entry Title Overlay Featured Image
This solution enables you to reposition the entry title over the featured image targeting the front page of the No Sidebar Pro child theme
Special 2nd Image For Mobiles After Header At Any Screen Width
This code enables you to add a custom mobile responsive image which replaces the featured image at a specific screen width. In this example,
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
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