Featured Image Text Overlay

[Breezii K.]

Hello,

Am using the Wellness Pro child theme on the genesis framework with the latest version of wordpress. Am wondering if there was any way to custom code the featured image so it displays a different custom caption for each featured image on the post page?

If not possible, is anyone aware of a plugin that can do this that is compatible with studiopress themes?

Thank you!

- Bree

http://mybreality.com

[Brad Dalton]

This may work https://wordpress.org/plugins/wp-overlays/

---

Tutorials for StudioPress Themes.

[Breezii K.]

Hello,

Thank you for the response. I tried that plugin along with about 8 others and nothing seems to have worked for me, as far as I can tell.

I did find this article, however;
https://napitwptech.com/tutorial/wordpress-development/display-image-caption-added-wordpress/

...and am wondering if perhaps this method could work with the Genesis framework and Wellness Pro child theme I am using.

If so, they first suggest this-

For the display of the image caption under the featured image, you first have to know that which file is rendering the display of the featured image in your site.

So I wonder where exactly in my files might the featured image be 'rendering to display'? 🙂

[Brad Dalton]

You'll find the PHP code which adds the featured image in your child themes functions file.

---

Tutorials for StudioPress Themes.

[Breezii K.]

I tried looking for it there the other night but am not sure exactly where this snippet of code needs to go; is it somewhere in this section?

// Add featured image on single post.
add_action( 'genesis_entry_content', 'wellness_featured_image', 1 );
function wellness_featured_image() {

$add_single_image = get_theme_mod( 'wellness_single_image_setting', true );

$image = genesis_get_image( array(
'format' => 'html',
'size' => 'featured-image-large',
'context' => '',
'attr' => array ( 'alt' => the_title_attribute( 'echo=0' ), 'class' => 'aligncenter' ),
) );

if ( is_singular() && ( true === $add_single_image ) ) {
if ( $image ) {
printf( '<div class="featured-image">%s</div>', $image );
}
}

}

// Modify size of the Gravatar in the author box.

[Breezii K.]

WHen I try to add the suggested code given from the article to the snippet of 'featured image' code found in my functions.php file (above) I see this error;

Your PHP code changes were rolled back due to an error on line 169 of file wp-content/themes/wellness-pro/wellness-pro/functions.php. Please fix and try saving again.

syntax error, unexpected '<'

[Breezii K.]

I think I may have to give up on this idea and try to find a different way of doing this perhaps. All I wanted to do was to show the Image Source Credit link on each of my featured images (but only on the post page and not the homepage).

I seem unable to figure it out, hmm.

[Breezii K.]

Was hoping the image caption section would do this but it's not appearing, and I am not the best at working with custom code - all the options I have tried thus far have failed.

[Brad Dalton]

There's some work involved in this relating to PHP & CSS. I spent a few hours working on this example for a registered member.

The source of the overlay text can be added on single posts.

---

Tutorials for StudioPress Themes.

[Author]

Posts