Tag: lightbox

Hiding icons/buttons in Lightbox view

You can hide specific icons, which appear on the left side of the lightbox view using this code. You can mix and match depending which icons would you like to remove.Add a CSS content block either to the ENTIRE SITE section or ALL GALLERIES section of your website and then copy parts...

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...

Change the BUY button label in Lightbox view

You can change the BUY photo label in the LIGHTBOX { large image } view in your galleries by adding a CSS content block to either ALL GALLERIES or ENTIRE SITE section of your site and then add this code to it:CSS/*Replace the BUY label in lightbox view*/ .sm-lightbox-buy-button .sm-button-label...

Changing font colour and size of title and caption in lightbox view

In this tutorial I am going to show you how to change the TITLE and CAPTION color and size – in the Lightbox view.Lightbox View – this is the view when you click on an image in your gallery and it shows in a full screen view – like here.I have also made a screenshot to show you which...

Hide Title, Captions and Keywords in the Lightbox view using CSS

Although you can hide Title, Captions and Keywords in the LIGHTBOX settings on your galleries, sometimes there is a situation where you would like to hide this information completely – even from pages, where you have added a single photo content block that has lightbox enabled.For this you...

Support this PORTAL

I am writing this portal in my free time and I pay for it myself. So, if you want to support my work – use this button to buy me a coffee 🙂 Which will help towards the hosting costs of the portal.

Found what you have been looking for?

Tag: lightbox