Button Updates

jerryr

Hi - I am trying to get the word "Slideshow" to appear after the Slideshow Play icon on a SmugMug style gallery. Seems to be working on the a landscape gallery with the the cover image on, but not a SmugMug style.
https://joemessina.smugmug.com/Birds/Birds/

CSS:

.sm-user-ui .sm-gallery-cover[data-show-image=true] .sm-button.sm-gallery-cover-slideshow-button:after {
content: 'Slideshow';
}

.sm-user-ui .sm-gallery-cover[data-show-image=true] .sm-button.sm-gallery-cover-slideshow-button.sm-button-square:after {
content: 'Slideshow';
}

.sm-user-ui .sm-gallery-cover[data-show-image=true] .sm-button.sm-gallery-cover-slideshow-button {
width: auto;
}

.sm-user-ui .sm-gallery-cover[data-show-image=true] .sm-button.sm-gallery-cover-slideshow-button.sm-button-square:after {
width: auto;
}

Any thoughts ?

Flounder

Hi Jerry,

Try this:

/* Add the word "Slideshow" to the slideshow button in the Gallery Header */
.sm-gallery-cover-slideshow-button:after {
content: ' Slideshow';
margin-left: 5px;
}

.sm-gallery-cover-slideshow-button {
width:auto !important;
}

-Nick

jerryr

hi - thank you - that did the trick jerry

Sparky

I have the same problem and I am completely lost how to fix it using CSS.

Any help is appreciated!