How To put Image Caption under image

Posted in: Newspaper
Post count: 159
InstallationComplete
#60479
Jul 22, 2015 at 2:34 am

I need some help please.

On the Modal Images (once images are clicked) in posts… I need to get the captions below the images… on all posts.

Thanks!

Post count: 159
InstallationComplete
#60481
Jul 22, 2015 at 3:11 am

Modal Images meaning “Lightbox”.

Post count: 7909
Alin [tagDiv]
#60606
Jul 22, 2015 at 5:12 pm

Hi,

You can try this custom css in Theme Panel > Custom Css – http://screencast.com/t/mfYvbdy8a

.mfp-bottom-bar {
bottom: -35px;
}

Thanks!

Post count: 159
InstallationComplete
#60607
Jul 22, 2015 at 5:20 pm

Alin, Thanks for the quick response. A -60px seemed to work for me, I’ll have to experiment with different size images to make sure it’s consistant.

One problem I ran into was on Mobile. When in portrait mode, the caption still covers the image, when in landscape it looks similar to desktop viewing.

Is there css specifically for portrait mobile?

Thanks in advance.

Post count: 7909
Alin [tagDiv]
#60707
Jul 23, 2015 at 12:54 pm

Hi,

You use media queries and set a specific value that it will be applied only on mobile device, check this:

@media (max-width: 768px) {
.mfp-bottom-bar {
bottom: -60px;
}
}

Thanks!

Post count: 159
InstallationComplete
#60810
Jul 23, 2015 at 5:41 pm

Thanks again. Last question… hopefully… Is there a way to make a separate setting for portrait mode and landscape mode.

Using these settings… When it looks good in portait mode, it looks bad in landscape mode.

Thanks!

Post count: 7909
Alin [tagDiv]
#60903
Jul 24, 2015 at 1:19 pm

Hi,

Please check this – https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Thanks!

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