Archived topic
Problem with displaying Captions under Featured Image
3 replies · Started by Max on January 19, 2019
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