Image caption under smart list appears at the wrong place.

Posted in: Newspaper
Post count: 436

Have a look at this screenshot:

This is taken from a post created with smart list- 2: https://tomatoheart.com/niti-jha/tanmay-bhat-aib-facts/

Usually, the image caption appears at the bottom left corner of an image, but in the case of smart lists, the image caption always appears at the “extreme bottom left” part of this image area, not exactly below the image in the bottom left corner.

It looks ugly.

Please help me to make it normal.

Thank you.

Post count: 23312

Hello nano,

I have created a simple, smart list 2 on my side, with your images and some captions and everything seems to work as expected, as you can see here -> https://www.screencast.com/t/5V7Dm9qs7o Also, I have checked your console, and I saw that you have some js errors through it which can influence which can affect the proper functioning of the theme. Please try to revert the theme to the default state, remove all your additional customization if you have, clear all your caches and check the results. Please keep in mind that the smart list feature work as properly and the Caption is well aligned as you can see in the above example. If the problem is still there, please try to make a new clean install from scratch via FTP and install only the plugins that come bundled with the theme packet and rule out any conflicting plugins.

Hope this helps!

Thanks for the message!

Post count: 436

Hi Catalin,

I forgot to tell you that I use following code to centre the smart list slides.


.td-slide-smart-list-2{
text-align: center;
}

In you example, smart list images are in the default left position, hence it appears at the right position.

If it’s not possible to define the position of image caption, when images are centered, kindly give me thoe code to move ‘image caption’ in the bottom center.

Few months before, Bogdan has given a code to do so, but now that code isn’t working 🙁

Kindly try. Thank you.

Post count: 623

Hello @nano2408
Add below css code

.td-sml-caption {text-align: center;}

Hope this works for you.

Post count: 436

Hey Amit,

It worked. 🙂

Can you try to make it at the actual desired position ie.. bottom left of the centered image?

Thank you by the way.

Post count: 623

It is only possible if you use an image with required thumbnail size.

Viewing 6 posts - 1 through 6 (of 6 total)
You must be logged in to reply to this topic.