Theme Horse

Hi Roberto,

Did the code that you added worked? We think it doesn’t work.

Please remove those added code then on line no: 34. you will find the below code.

</figure><!-- .post-featured-image .page-single-img-wrap -->

Now replace the above mentioned code with the below provide code.

<figcaption class="featured-image-caption"><?php echo get_the_post_thumbnail_caption(get_the_ID()); ?></figcaption>
</figure><!-- .post-featured-image .page-single-img-wrap -->

after replacing the code save the file and please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS Code.

.post-featured-image.page-single-img-wrap {
	overflow: hidden;
}
.post-featured-image.page-single-img-wrap .featured-image-caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 50px 25px 15px;
	color: #ffffff;
	background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5));
}
@media (max-width: 767px) {
	.post-featured-image.page-single-img-wrap .featured-image-caption {
		padding-left: 15px;
		padding-right: 15px;
	}
}

Thanks

Ok the code we provided was just for the Featured Image caption so the only text set on Caption field will be displayed. The description won’t be displayed by that code.

Anyways its great that your code worked but you have added an extra ‘}’ (curly braces) at the end. If you are going to add some additional Custom CSS code after it then the code won’t work because of that extra curly braces.

Thanks

Just create the ‘inc’ folder on the Child Theme. and to link with the php files just use the code on main function.php file as mentioned below.

require get_stylesheet_directory() . '/inc/abc.php';

Thanks