Caption location

firefox13

When I click on an image in a gallery and it opens up in large format the file name (e.g. E8U455) and caption are showing way down in the left hand corner.
Is it possible to have the caption show just under the image and without the file name?

Thanks

charlesdaly

firefox13 wrote: »

When I click on an image in a gallery and it opens up in large format the file name (e.g. E8U455) and caption are showing way down in the left hand corner.
Is it possible to have the caption show just under the image and without the file name?

Thanks

I support that question. I need help with that also.

James_F

charlesdaly wrote: »

I support that question. I need help with that also.

Is this what you're after ... http://jamesfarrell.smugmug.com/Site-Pages/Costa-Rica/Wildlife?

firefox13

James_F wrote: »

Is this what you're after ... http://jamesfarrell.smugmug.com/Site-Pages/Costa-Rica/Wildlife?

Yes please - if all that wording is from the caption.

charlesdaly

James_F wrote: »

Is this what you're after ... http://jamesfarrell.smugmug.com/Site-Pages/Costa-Rica/Wildlife?

Not for me James, but thank you. I'm looking for how to have the caption below an image when opened in a single window (like a slide show would do) On my site the caption is off-set left of the bottom.

pbandj

James_F wrote: »

Is this what you're after ... http://jamesfarrell.smugmug.com/Site-Pages/Costa-Rica/Wildlife?

James, I think the OP was looking for a solution for the Lightbox, but I'd love it if you'd post your solution for smugmug gallery here.

James_F

firefox13 wrote: »

When I click on an image in a gallery and it opens up in large format the file name (e.g. E8U455) and caption are showing way down in the left hand corner.
Is it possible to have the caption show just under the image and without the file name?

Thanks

CSS coding I'm using in new Smugmug Gallery Style. I'm no expert here; I used someone else's code and tweaked it a bit. I'd still like to get the caption closer to the bottom of the picture. But I've not taken the time yet to experiment. Here's the coding:

/* image number left, caption center, photo icon right */
.sm-gallery-smugmug .sm-gallery-image-pagination{position:relative;float:left;left:-30;top:-10;z-index:0}
.sm-gallery-smugmug .sm-tile-info{max-width:78%;text-align:justify;color:ffffcc;position:relative;top:-45px;left:120px}
.sm-gallery-image-tools{position:relative;z-index:0}

/* image number in smugmug gallery style only < > space closed */
.sm-gallery-smugmug .sm-gallery-image-totals{min-width:0}

rustyblades

pbandj wrote: »

James, I think the OP was looking for a solution for the Lightbox, but I'd love it if you'd post your solution for smugmug gallery here.

Hi. I also used James' code a couple of weeks ago to move the caption but tweaked it a bit to have the caption and title left justified and all the buttons on the right of the image. This is what the end result looks like,

http://paultavares.smugmug.com/Wildlife/H/MyH/i-ttm8z7V

I couldn't figure out how to make the share button float so it disappears on browsers with lower width resolutions. Doesn't bother me but be aware of that.

The code for this is as follows, a caveat is that I don't really know CSS but built on the work James did and also learned a lot from the thread by leftquark


/* move caption up */
.sm-gallery-image-pagination {
position: relative;
top:-10px;
margin-right: 20px;
float: right;
z-index: 10;
}

.sm-gallery-smugmug .sm-gallery-image-totals
{
min-width:0px !important;
}

/* caption left */
#sm-gallery .sm-tile-info {
max-width: 75%;
text-align: justify;
position: relative;
top: -45px;
left: 0px;
}
.sm-button-image-share {
position: relative;
top:15px;
right:-965px;
z-index: 99;
}

.sm-gallery-image-tools {
top:-10px;
position:relative;
z-index:99;
}
/* END move caption up */


Paul
http://paultavares.smugmug.com/

firefox13

Thanks everyone for your examples and suggestions. Have tried the codings but no luck and captions are not moving from far bottom left.
Any other ideas would be welcome.

Thanks

firefox13

Is there coding if the gallery is collage landscape style?
Is it just a matter of changing the sm-gallery-smugmug to sm-gallery-collage??
Sorry I'm not much of a css expert.