Adding captions underneath featured images on posts

Hey Rafael,

Please refer to the following:

https://kriesi.at/support/topic/adding-captions-underneath-featured-images-on-posts/

Best regards,
Jordan Shannon

Hi emanar,

Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( to be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

Best regards,
Nikko

Hi emanar,

I have added this CSS code in Quick CSS which showed the caption below the featured image.

small.avia-copyright {
  display: block !important;
}

As for LCP, you can check this article: https://web.dev/optimize-lcp/
Optimizing your image and also lazy loading images should help.

Best regards,
Nikko

Hi emanar,

I apologize for that, there’s one requirement in order to add the caption and that’s using a child theme, you can download it and find instructions on how to use it here: https://kriesi.at/documentation/enfold/child-theme/

Then go to the files wp-content > themes > enfold > includes folder, then copy loop-index.php.
Go to the child theme, create a folder called includes and paste inside loop-index.php and edit it and find this code (line 350-353 in Enfold 4.7.6.3):

if( $slider ) 
{
    echo '<div class="big-preview ' . $blog_style . '" ' . avia_markup_helper( array( 'context' => 'image', 'echo' => false ) ) . '>' . $slider . '</div>';
}

and replace it with:

if (get_post(get_post_thumbnail_id())->post_excerpt) { 
    $slider_caption .= '<span class="featured-image-caption">';
    $slider_caption .= wp_kses_post(get_post(get_post_thumbnail_id())->post_excerpt);
    $slider_caption .= '</span>';
}

if( $slider ) 
{
    echo '<div class="big-preview ' . $blog_style . '" ' . avia_markup_helper( array( 'context' => 'image', 'echo' => false ) ) . '>' . $slider . $slider_caption . '</div>';
}

And that should add a caption.

Best regards,
Nikko