Putting a caption over the image

I assume you mean the first photo on that page — the rest have captions below the images.

That’s actually done with CSS absolute positioning to put the caption on “top” of the photo image. It’s not that easy to do and you have to know CSS fairly well to make it work right. You also have to code the images correctly.

This is the relevant CSS code from that page:

.photo-slot span, .photo-slot .caption-overlay {
    bottom: 0;
    left: 0;
    position: absolute;
}

.photo-slot span {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
    padding: 10px;
    text-shadow: 0 0 2px #000000;
}

Where would I go about adding that on this stylesheet?

[ 915 lines of code moderated as per the Forum Rules. The maximum number of lines of code that you can post in these forums is ten lines. Please use the pastebin ]

Thanks for the response by the way!

Here is the pastbin with my css: https://pastebin.com/nEfxP533

It can pretty much go anywhere in the stylesheet, though you’ll have to make sure it does not conflict with any other styles. But it won’t work at all unless it is “tied” correctly to the html — and that has to be coded into the php files and/or the images. Like I said, you have to know quite a bit about CSS, HTML and PHP to do these kinds of modifications.