tagDiv Slide Gallery: Caption should be displayed BELOW the image

Posted in: Newspaper
Post count: 9

Dear support team,

I checked some other discussions here before but could u not find the answer.

Currently the caption is displayed on the bottom-right of the image. How can I edit that the caption is displayed BELOW the image?

Thank you a lot for your answer.

Example
http://digitalrevolution.nz/fishandgamenz/articles/a-babe-in-the-woods/

https://imgur.com/a/TIVlB
https://imgur.com/a/TIVlB

Post count: 20688

Hi,

The website you provided seems to be down at the moment
https://www.screencast.com/t/eieydJ3H
If you could mention where exactly you want to make this change, it will be helpful. I will try to give you a solution if possible.

Thank you!

Post count: 9

Hello,

First of all: Thank you a lot for your quick reply and apologise my late feedback.

Could you please refresh and check the url again?

http://digitalrevolution.nz/fishandgamenz/articles/a-babe-in-the-woods/

In the lightbox view, every image caption starts on the left where the image starts, is having the same width as the image and is below the image.

https://imgur.com/a/zjNeUNT

How could we achieve the same for any image in the post NOT opened in Lightbox? (see screenshot for better understanding)

https://imgur.com/a/TIVlB

Currently the caption is displayed on the bottom-right ON the image and its width is wider than the image and does not look appropriate. We would like the caption displayed on BELOW the image on the left having line breaks when the maximum width of the image is reached, like it is on lightbox view.

Thank you a lot for your support.

  • This reply was modified 8 years by sbrauer.
Post count: 20688

Hi,

The gallery has a different design for the image captions
https://demo.tagdiv.com/newspaper/td-post-aston-villa-beat-liverpool-to-join-arsenal-in-the-fa-cup-final/
The caption is aligned to the right by default, there is no option to change this. I could give you a code which will center the captions, this is the result
https://www.screencast.com/t/N8XIDK89Fkw

.td-gallery-slide-copywrite {
float: none;
}
.td-doubleSlider-1 .td-slide-item .td-slide-caption.td-gallery-slide-content {
text-align: center;
}

Maybe that would be a solution, if you should consider it enter the code in Theme panel->Custom CSS.

Thanks

Post count: 9

Thank you Simion,

That is a good solution for the time being 🙂 Have a great weekend.

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.