/* 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; } }