Tag: css

Moving the SmugMug footer to the bottom of the homepage on mobile

In cases when you are using the full-screen background slideshow or full-screen background image, and you don’t have any content below the navigation – the footer on mobile will appear in the middle or just below the MENU button.Some of you are OK with this, but some of you would...

Hiding SmugMug footer

I do not recommend doing this because you will then have to log in to your SmugMug account from SmugMug’s homepage. But if you decide that you still would like to hide the SmugMug footer from your SmugMug website – here is how to do this.Add a CSS content block to the ENTIRE SITE...

Hiding image titles, captions and keywords in mobile view

Sometimes you would like to hide captions, titles and keywords in mobile view only for more cleaner look. This code will allow you to hide all of this on mobile devices.Add a CSS content block to the ENTIRE SITE section of your website and then add this code to it:CSS/*Hiding gallery titles,...

Show full Gallery Titles

SmugMug shows only one line of gallery titles and some of you would like to show more. Using this code you can display 4 lines of text below their gallery thumbnails.CSS/*-----Show full gallery titles-----*/ .sm-tiles-grid.sm-tiles-info-after .sm-tile-info-text { display: -webkit-box; ...

Replace the Custom Link icon with your own

You can add a custom link to the SOCIAL LINKS content block, but once added the link displays a simple link icon. Some customers would like to use it to display a different icon – for example LinkedIn or Yelp etc. There are two versions of the code – one is for the CIRCLE icons and the...

Adding a label to the DOWNLOAD ALL button

You can add a label to the DOWNLOAD ALL button using a short CSS code, which needs to be added to ENTIRE SITE → CSS content block:CSS/*Adding the Download All label to the button*/ .sm-user-ui .sm-gallery-cover-download-button:after { content: ' Download All';}.sm-user-ui .sm-gallery-cover-download-button...

Adding a text label to the Slideshow button

You can add a custom label, which will appear on the side of the SLIDESHOW button using CSS code, which needs to be added to the ENTIRE SITE section → CSS content block:CSS/*Change the SLIDESHOW label*/ .sm-user-ui .sm-gallery-cover-slideshow-button:after { content: ' Slideshow'; } ...

Are you still looking for something?