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';
}
 
.sm-user-ui .sm-gallery-cover-slideshow-button  {
  width: auto;
}

CSS

Make sure that you change the content label in the CSS code to anything that your customer want.

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 backgro…
Read more
Hiding SmugMug footer
I do not recommend doing this because you will then have to log in to your SmugMug acco…
Read more
Hiding image titles, captions and keywords in mobile view
Sometimes you would like to hide captions, titles and keywords in mobile view only for …
Read more
Adding border to images in the new lightbox view
You can add a border to your images in the lightbox view. Just add a CSS content block…
Read more
Adding a label to the BUY icon overlaying image thumbnail in a gallery
In this tutorial I am going to show you how to add a text label to the buy icon, which …
Read more
Change the BUY button label in Lightbox view
You can change the BUY photo label in the LIGHTBOX { large image } view in your galleri…
Read more
Change the colour of menu links in a vertical navigation content block
You can change the colour of menu links in a vertical navigation content block. J…
Read more
Show full Gallery Titles
SmugMug shows only one line of gallery titles and some of you would like to show more. …
Read more
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 di…
Read more
Changing the BUY label in Journal Gallery Style
You can replace the BUY label in Journal gallery style using this CSS code, which needs…
Read more
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 b…
Read more
Change the ‘BUY PHOTOS’ label
This is a code that will replace the BUY PHOTOS label that is displayed at the top of e…
Read more

Are you still looking for something?

Adding a text label to the Slideshow button

Related articles

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

Hiding SmugMug footer

Hiding image titles, captions and keywords in mobile view

Adding border to images in the new lightbox view

Adding a label to the BUY icon overlaying image thumbnail in a gallery

Change the BUY button label in Lightbox view

Change the colour of menu links in a vertical navigation content block

Show full Gallery Titles

Replace the Custom Link icon with your own

Changing the BUY label in Journal Gallery Style

Adding a label to the DOWNLOAD ALL button

Change the ‘BUY PHOTOS’ label

Leave a Reply Cancel reply

Support me

Categories