fesomia

Sorry, your message is a bit confusing (maybe it’s auto translated?) and without a working page or a screenshot, we find difficult to understand what do you mean or what the problem is. As a general advice, please read the documentation of the plugin as how you can add CSS to the caption; you can also add the CSS you need in your theme’s custom CSS section.
If your theme doesn’t show the caption, you may need to edit the template showing the featured image.

Hope that helps

Hi all. We’ve included a initial support for Divi themes in the latest version. Please check it out; we hope it works!

Hi @synormedia
Sorry for the late response. Since the plugin adds the minimum possible layout styles, the way it appears depends exclusively of your theme. Also because of how css works (as you discovered) a class that works in a specific position (i.e. inside the main content) may not behave the same way in another place (outside it).

After checking your site link seems that you already solved it using the adding custom styles option. Another way would be to customize your theme CSS wich may allow you more flexibility

It’s not a problem with the font color. I see you’re using custom css to hide the caption in the other images, you need to narrow it to only hide the caption in the elements you are interested i.e. instead of

.home figcaption {
    display: none;
}

try with

.home .posts-holder figcaption {
    display: none;
}

After that you probably will also need additional css code to put the caption to the right of the image in the scrolling headline. Have in mind that the plugin only adds some html and minimal css (if any), so the styling is up to you.

Hi @stevenmayjr

Making it work with divi requires modifying or making a child of your theme in order to add the necessary code to the templates where the featured image appears (probably single.php). Please read this answer to get an idea on how to do it (it may have changed since the answer was posted).

In short, as for now, it is not possible to make it work in divi without some intervention in the theme you’re using; but with some basic coding experience and the functions provided by the plugin it can be done. We may investigate a more straighforward way to do it, but that’s not in our short term plans.

Sorry to hear that. You may need a developer able to modify the divi theme to suit your needs

The default link to post seems to be added by the theme you are using, surrounding the image and it’s caption with it. That’s something the plugin cannot control, maybe you can modify it editing the theme template. The other option would be to disable the captions in lists with the plugin options.

We’ll consider the feature of disabling links in captions for a future update, thanks for your suggestions

You can use these functons in the template file of your theme that is showing the image (ie. header.php), all they do is return the string so you can use it anywhere inside the html/php code. I’m not familiar with divi, so it could be as easy as adding the php code in the template or having to use some kind of hook that the theme provides.

Hi Danijel

DIVI is probably using it’s own method to show the featured image or showing the image as a background, so the hooks our plugin use are never fired and thus the caption is not shown. You may have to use the functions get_featured_image_caption() or the_featured_image_caption() in your theme child template in order to make them appear (look at the documentation for more info about that).

• This reply was modified 3 years, 10 months ago by fesomia.

After another look seems that the problem only happens when the sidebar image coincides with the main article image, so it can be a bit tricky for the plugin to tell apart wich one is the main image. However, you can add an additional css rule in your theme to hide those unwanted captions:

.recent-post-wrapper figcaption {
    display: none;
}

Hi @todindiana! To make sure: in the plugin settings page, there is a checkbox labelled “Show image captions in lists”. Is this option unchecked? If yes, write to us here again and we’ll take a deeper look.

Hi @mkrakowiak, thanks for your feedback. Yes, we have plans for this. For now, the closest solution is already described in this post. I hope it helps!

@aibtreger Glad to hear it!

Hi Patrick
I cannot see the website, it says I have to be logged in as a user who has permission to view this site.
In any case, if you’re using the default kadence theme, it cuts anything below the maxium height of the featured image (so the caption is actually there but not shown). You could try to use the theme customizer options and set the featured image position on “Above” (at blog posts>single post layout) and add a custom CSS similar to this one:

.wp-caption.featured .wp-caption-text {
    position: absolute;
    bottom: 0;
    background-color: #FFFA;
    width: 100%;
    margin: 0;
    padding: 10px;
}

In the vanilla theme I tried, it puts the caption over the image bottom, but you may need to tune it to your theme colors and styles.

Glad to hear things run again. If you want (if not did it yet), you can leave us some stars to help our work. Thanks ??