I've been playing around with my css and have given the caption areas a background-color. To keep the text from sitting on the edge of that now-colored div I added a padding-left statement to push it over a little, and it works fine in my galleries until I click the Large link, when it goes away.

Links: Gallery's first image (padding on the left of the caption - the 'W' in welcome is over a tad) and First image, Large single-image view (no padding on the left of the caption - the 'W' in welcome is flush with the left of the box)

The CSS I have:

/* My CSS */
#userName, #userHome { display: none; }

#my_header { 
   margin: 0px auto;
   text-align:center; }

#caption_bottom {
   position: relative;
   top: -2px;
   padding-left: 3px;
   background-color: #374f8b;
}

.title {
/*   color: #374f8b;
   color: #a58de9;
color:#4d7c3f;*/
color: #c5a56c;
}

.imgBorderOn {border: solid 1px #c5a56c;}

#thumbnails .imgBorderOn {position: relative;top: 1px;left: 1px;}
#thumbnails .imgBorder {border-color: transparent;
_border-color: black; position: relative;top: 0px;left: 0px;}

Any ideas why it's doing this? What's the difference between these two views? I looked at the page source and both look the same where that caption is concerned...I must have missed something.

Any help appreciated. :)

Can anyone handle this one? I'm blocked from work.

Originally Posted by Mike Lane Can anyone handle this one? I'm blocked from work.

This has like minimal urgency..it's just one of those little things. I appreciate your trying to look though!

Single image view has undergone a bit of an overhaul with CSS so we can center the image on the page and not stretch our everything else. As a result, you need to specify the singleImage view as well:

#caption_bottom, #singleImage #caption_bottom {
padding-left: 3px;
}

Originally Posted by asd I've been playing around with my css and have given the caption areas a background-color. To keep the text from sitting on the edge of that now-colored div I added a padding-left statement to push it over a little, and it works fine in my galleries until I click the Large link, when it goes away. Links: Gallery's first image (padding on the left of the caption - the 'W' in welcome is over a tad) and First image, Large single-image view (no padding on the left of the caption - the 'W' in welcome is flush with the left of the box) The CSS I have: /* My CSS */ #userName, #userHome { display: none; } #my_header { margin: 0px auto; text-align:center; } #caption_bottom { position: relative; top: -2px; padding-left: 3px; background-color: #374f8b; } .title { /* color: #374f8b; color: #a58de9; color:#4d7c3f;*/ color: #c5a56c; } .imgBorderOn {border: solid 1px #c5a56c;} #thumbnails .imgBorderOn {position: relative;top: 1px;left: 1px;} #thumbnails .imgBorder {border-color: transparent; _border-color: black; position: relative;top: 0px;left: 0px;} Any ideas why it's doing this? What's the difference between these two views? I looked at the page source and both look the same where that caption is concerned...I must have missed something. Any help appreciated. :)

Originally Posted by {JT} Single image view has undergone a bit of an overhaul with CSS so we can center the image on the page and not stretch our everything else. As a result, you need to specify the singleImage view as well: #caption_bottom, #singleImage #caption_bottom { padding-left: 3px; }

That did it - thanks JT!