Click-through on Slideshow

PhilCorleyPhoto

Is it possible to get a click-through working on the slideshow so it goes to the image displayed in its gallery; or at least goes to a hard-coded Gallery view?

Also, is it possibel to customise one specific slideshow on a site, so the changes aren't applied to all slideshows? I need to change the padding around the image for a specific slideshow, bit leave the others as is?

Thanks

Phil

Hikin' Mike

@PhilCorleyPhoto said:
Is it possible to get a click-through working on the slideshow so it goes to the image displayed in its gallery; or at least goes to a hard-coded Gallery view?

I thought for sure SmugMug had a clickable Slideshow, but it doesn't look like it. FWIW, the slideshow on my home page is WordPress powered.

@PhilCorleyPhoto said:
Also, is it possibel to customise one specific slideshow on a site, so the changes aren't applied to all slideshows? I need to change the padding around the image for a specific slideshow, bit leave the others as is?

Yes. Each widget has a unique number. You can find it using one of the web tools in your browser.

PhilCorleyPhoto

Can you point me where I can find out how to identify and then target the CSS to the unique widget?

Thanks

Hikin' Mike

This is your home page slideshow .sm-page-widget-22191293.

PhilCorleyPhoto

Ah - nearly got there; I was thinking it was zBZrCN2V which changes everytime the page refreshed. Close but not prize :-) Thanks.

PhilCorleyPhoto

Sorry Mike; one more...

I am overridding the Showshow with this...

.sm-slideshow-image div.sm-tile-wrapper.sm-tile-photo {
border: 1px solid #f9f9f9;/
padding: 0px;
-webkit-transform: scale(0.85);
-moz-transform: scale(0.85);
-ms-transform: scale(0.85);
transform: scale(0.85);
}

How do I target the specific widget .sm-page-widget-22191293 putting the settings back to default?

Hikin' Mike

I don't understand, sorry.

PhilCorleyPhoto

Sorry; I meant now I have the ID how do I construct the CSS section to change that widget?

I have tried this, but it ignored it; so I am assuming my lack of knowledge is getting in the way :-)

.sm-slideshow-image div.sm-page-widget-22191293 {
border: 1px solid #f9f9f9;/
padding: 0px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}

Hope that makes it clear

Phil

Hikin' Mike

Try this.

.sm-page-widget-22191293 .sm-slideshow-image div.sm-tile-wrapper.sm-tile-photo {
    border: 1px solid #f9f9f9;
    padding: 0px;
    -webkit-transform: scale(0.85);
       -moz-transform: scale(0.85);
        -ms-transform: scale(0.85);
            transform: scale(0.85);
    }

PhilCorleyPhoto

Thanks Mike - perfect

My little knowledge is a dangerous thing, but I am slowly hacking my site together (photography is much easier)

Hikin' Mike

My issue is my stroke I had 10 years ago. Sometimes it takes a while for me to "process" it. Once you posted it again, "I got it".

Glad it worked!

PhilCorleyPhoto

Appreciate all the help Mike. Now to try and get a click-through working on the home page slideshow to a hard-coded gallery :-)