Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Coral

Member
  • Content Count

    4
  • Joined

  • Last visited

  1. This is a bit of a hack, but I think I may have got it working. I think it needs more testing to make sure text is viewable and not overlapping on all screen sizes. You can view it (and test it for me if you want, please) by clicking on the thumbnails here: http://gitanarosa.com/artist/#/whitney-oldenburg/. You will probably need to adjust code based on the size of you images. Most of these are sized at 519x740. This is the code I used, add it to the CSS Editor: /* creates grey overlay without hover, makes text white, and pushes text below image */ .sqs-lightbox-meta { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); bottom: -80px !important; color: #000; max-width: 100% !important; opacity: 1 !important; padding: 10px !important; } .sqs-gallery-block-slideshow .meta-inside { padding: 5px 0; clear: both; } .sqs-gallery-block-slideshow .meta .meta-description p { padding-top: 0; margin-top: -3px; font-size: 11px; color: #000; } /* reduces size of images relative to browser window */ .yui3-lightbox2 .sqs-lightbox-slideshow .sqs-lightbox-padder { top: 10%; left: 15%; bottom: 15%; right: 15%; } /* reduces space between image and text based on different smaller screen sizes */ @media (max-width: 800px) { .sqs-lightbox-meta { bottom: -40px !important; } } @media (min-width: 603) and (max-width: 799px) { .sqs-lightbox-meta { bottom: -30px !important; } } @media (max-width: 602px) { .sqs-lightbox-meta { bottom: -10px !important; } }
  2. I am using the Hudson template. Could anyone tell me the CSS to use to make the image titles appear under the lightbox images that popup from a gallery grid? Thanks.
×
×
  • Create New...