permanently displaying picture file number

picturebike

Hi all
A constant issue i get as a sports photographer displaying images for sale from events, is customers always telling me they cant see picture numbers, this seems very common with mobile and tablet viewing. I know you can select show file name but this only shows if you hover over the image with a mouse, but with a phone etc you cant see it unless clients click to enlarge an image then click on the I for info. This seems to me to be a messy way to do things and far from obvious to clients. A lot of my clients mention this to me so It would be great if there was a way to have the file name permanently showing on the corner of each image. If anyone knows a way to do this it would be great.

Thanks

Djm3006

I have this on my Galapagos gallery, Put ID number top left hand corner
/* Photo ID Number*/

.sm-tiles-row-organic {
counter-reset: thumbindex;
}

.sm-tiles-row-organic .sm-tile-content:after {
display:block;
position:absolute;
left:0.5em;
top:1.5em;

line-height:1em;
margin-top:-1em;

padding:0.3em;

background-color:rgba(230, 230, 230, 0.8);
border-radius:5px;
color:black;
font-size:small;
counter-increment: thumbindex;
content: "ID:" counter(thumbindex);
}

/* Don't include hidden photos in the count */
.sm-tiles-row-organic .sm-tile-hidden .sm-tile-content:after {
display: none;
}

.sm-tiles-infohover-show .sm-tile-content:after {
opacity:0;

-webkit-transition: .25s opacity;
-moz-transition: .25s opacity;
transition: .25s opacity;
-webkit-backface-visibility: hidden;
}

.sm-tiles-infohover-show .sm-tile-content:hover:after {
opacity:1;
}

picturebike

thank you, where do i put that, im not really good with this type of thing. Also will this display the file number all the time without having to hover over with a mouse..

thanks

Djm3006

it only displays on hover, if you delete everything under "don't include hidden photos" ID should show all the time, pick the Gallery you want to put it in then Coustonize > content & Design you can then put a CSS block (drag and drop) in the gallery you would the ID # to show "just this Gallery" or "All Galleries" save then push done >publish

picturebike

thank you

picturebike

Mate that is awesome, ive now got all images numbered and so easy for customers to see. Thanks so much thats made a huge difference to me