Justified Album cropping image Full Screen

NevTec · 2020-04-28 14:15:38

Hello

I've just created a Justified Album below:

https://www.piktour.uk/galleries/churches/altarnun/

When you open a photo individually and also in full screen the bottom of the photo is slightly cropped which clips my watermark on the images.

What setting have I missed to stop that happening?

Thanks.

rod barbee · 2020-04-28 23:21:56

This is probably due to the height of your caption.
There are a couple of things that can be done:

1) Visitors can click the caption collapse button to see the entire image. This is the simplest option as you don't have to do anything.
You could change the UI Background color so that its more transparent. this controls the bars at the top and bottom of the slide show page and will let your viewers know that there's more image to see.

2) Custom css that limits the size of the large image and moves it up the page a bit to center it in the view space.

.fancybox-slide img {
    top: 5%;
    height: 90%;
}

the top setting is one half the difference between 100% and the height percentage. Adjust those until you like what you see.

NevTec · 2020-04-29 12:44:40

Perfect....thanks Rod.

I'm just learning CSS so how would I know the name of the component that I had to change was .fancybox-slide img?

I looked in the source for that page and there is no mention of .fancybox-slide img

There is .fancybox-slide--image or .fancybox-image but not .fancybox-slide img

Is there somewhere else I should be looking?

rod barbee · 2020-04-29 13:05:50

NevTec wrote:

Perfect....thanks Rod.
I'm just learning CSS so how would I know the name of the component that I had to change was .fancybox-slide img?

By learning to use the browser inspector. much easier than hunting for something that might be the right selector.

here’s a post on using the inspector: https://ttg-tips-and-tricks.barbeephoto … ustom-css/

NevTec · 2020-04-30 11:42:00

Useful article.....thanks Rod.

I've bought your Oregon pal's book on CSS that you recommended as well.....thanks for the tip on that.

Community @ The Turning Gate

#1 2020-04-28 14:15:38

Justified Album cropping image Full Screen

#2 2020-04-28 23:21:56

Re: Justified Album cropping image Full Screen

#3 2020-04-29 12:44:40

Re: Justified Album cropping image Full Screen

#4 2020-04-29 13:05:50

Re: Justified Album cropping image Full Screen

#5 2020-04-30 11:42:00

Re: Justified Album cropping image Full Screen

Board footer