Site logo

Archived topic

Problem with displaying Captions under Featured Image

3 replies · Started by Max on January 19, 2019

Viewing posts 1–4 of 4

Hey there!

To display the caption under the featured image (in this case I'm using a copyright note) I followed the instructions in this post: https://generatepress.com/forums/topic/image-caption-description-problem/ (I added the Php Snippet)
and in this post: https://generatepress.com/forums/topic/text-under-fetured-image/ (I added the CSS)

and so far the caption under the featured image is displaying (see the provided link to the post on my website) but only the opacity and size can be changed. I would like to move the caption/text closer to the featured image similar to this solution: https://www.fraunhofer-innovisions.de/industrie-4-0/rezepte-fuer-eine-sichere-industrie-4-0/

In the posts I read through I did not find a concrete solution for that. Adding values or changing the padding etc. does not seem to have any effect - I also tried changing some values in the developer's console. But I'm still a beginner in CSS so my knowledge is very limited.
As an additional feature would it be possible to change the colour of the caption?

Any help would be appreciated!

Best wishes

Hi there,

so the space between the featured image and the caption is due to the margins added to the image. You can reduce the bottom margin like so:

.post-image-below-header.post-image-aligned-center .inside-article .featured-image {
    margin-bottom: 0.5em;
}

To change the caption color:

.featured_caption {
    color: #123456;
}

It tried it out, it worked - thank you!

You're welcome

This archived topic is closed to new replies.