Centering Captions

mjs · January 19, 2014

I am tring to center my caption underneath the large image in the lightbox.

I have entered this code into my CSS block for my theme but it isn't centering.

/* Center the caption underneath the photo */
.sm-lightbox-ft-center {
right:0 !important;
}
.sm-lightbox-ft-center .sm-lightbox-info {
text-align: center;
}
.sm-lightbox-ft-center .sm-lightbox-info > * {
text-align: left;
}

.sm-lightbox-info {
text-align: center;
}

Any suggestions? Thx

denisegoldberg · January 19, 2014

I found two sets of code that would be worth trying.

From leftquark - http://www.aaronmphotography.com/Customizations/Lightbox/Center-Lightbox-Caption-Title

From Lamah - http://www.sherlockphotography.org/Customisations/Lightbox-captions

--- Denise

mjs · January 19, 2014

denisegoldberg wrote: »

I found two sets of code that would be worth trying.

From leftquark - http://www.aaronmphotography.com/Customizations/Lightbox/Center-Lightbox-Caption-Title

From Lamah - http://www.sherlockphotography.org/Customisations/Lightbox-captions

--- Denise

Thanks. I've tried both of those and neither work. After pasting the CSS code into a content block the caption is centered. But once I save my edit's it moves back to the left.

denisegoldberg · January 19, 2014

mjs wrote: »

Thanks. I've tried both of those and neither work. After pasting the CSS code into a content block the caption is centered. But once I save my edit's it moves back to the left.

That code is to center your caption in lightbox. When I look at your galleries it looks like the captions are centered there. They are not centered below the photo in smugmug-style.

--- Denise

mjs · January 19, 2014

denisegoldberg wrote: »

I found two sets of code that would be worth trying.

From leftquark - http://www.aaronmphotography.com/Customizations/Lightbox/Center-Lightbox-Caption-Title

From Lamah - http://www.sherlockphotography.org/Customisations/Lightbox-captions

--- Denise

denisegoldberg wrote: »

That code is to center your caption in lightbox. When I look at your galleries it looks like the captions are centered there. They are not centered below the photo in smugmug-style.

--- Denise

I guess I was thinking wrong about what I wanted. Sorry. What do I need to do to center the caption below the photo?

**** I found this code in a thread by Allen and it seems to work, except font color.

/* move caption up */
.sm-gallery-image-pagination {
position: relative;
float: left;
z-index: 10;
}

/* caption center */
#sm-gallery .sm-tile-info {
max-width: none;
text-align: center;
color: #000!important;
position: relative;
top: -40px;
}

.sm-button-image-share {
position: relative;
z-index: 99;
top: 30px;
left: -85px;
}

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

phaserbeam · January 19, 2014

mjs wrote: »

**** I found this code in a thread by Allen and it seems to work, except font color.

Try this ("red" can be replaced by black, yellow or rgb(r,g,b)... ):

.sm-gallery-smugmug .ss-paypal-product-options a{
  color:red;
}

Centering Captions

Comments