Tag: lightbox 2019

Changing font size of title and caption in lightbox view

You can change the font size of TITLES and CAPTIONS appearing in the new lightbox view. Just add a CSS content block to the ALL GALLERIES or ENTIRE SITE section of your website and then add this code to it:CSS/*Modifying lightbox text - title*/ .sm-lightbox-v2-photo-title-and-caption h2 { ...

Hide Titles, Captions, Keywords in the new Lightbox

Add a CSS content block to the ENTIRE SITE section of your site and then add this code to it:CSS/*Hide Titles, Captions and Keywords in the new Lightbox*/ .sm-image-metadata-caption, .sm-image-metadata-keywords, .sm-image-metadata [data-elem-id=imagemetadata_title_text]{ display: none !im...

Changing the lightbox VIEW PHOTO DETAILS font

You can change the font attributes for the VIEW PHOTO DETAILS text, which appears on top of your photo – in lightbox view, using this CSS code:CSS/*lightbox 2019 title font changes*/ .sm-lightbox-v2-photo-title h2 { letter-spacing: 1px !important; /*this will change the space between...

Moving lightbox sidebar content to the bottom of the page

The new SmugMug lightbox will display your titles, captions, keywords in the middle of the left sidebar. You can move it to the bottom by using this CSS code:CSS/*Moving lightbox sidebar to the bottom*/ .sm-lightbox-v2-sidebar-content { margin-bottom: 30px; }CSSTEST IT HERE

Hide the VIEW PHOTO DETAILS button in lightbox { 2019 } view

Here is a short code, which will allow you to hide the PHOTO DETAILS button, which appears on top of your photo:CSS/*Hiding VIEW PHOTO DETAILS button from lightbox 2019 view*/ .sm-button.sm-button-nochrome.sm-button-size-large.sm-button-skin-none.sm-lightbox-v2-photo-title.sm-lightbox-v2-hide-landscape.sm-flex-justify-start...