New SM - Homepage Slideshow

SunGlo · August 3, 2013

Has anyone found a way to add a border to the homepage slideshow?

Also, I'll join the bandwagon in wanting a random start feature for the slideshow.

Phil

Sir_Eagle · August 3, 2013

SunGlo wrote: »

..........................................
Also, I'll join the bandwagon in wanting a random start feature for the slideshow.

Phil

I was just starting to look for a way to do this too.

Jingle Images · August 3, 2013

Yes I have a border on my slideshow.

Jingleimages.com

Jingle Images · August 3, 2013

SunGlo wrote: »

Has anyone found a way to add a border to the homepage slideshow?

Also, I'll join the bandwagon in wanting a random start feature for the slideshow.

Phil

Here is the code I used for my border-radius

.sm-tile-content {
  position: relative;
  display: block;
  background-color: transparent!important;
  overflow: visible;
}

.sm-tile-single.sm-tiles-uncropped .sm-image {
  border-radius: 55px;
  box-shadow: -6px 5px 10px #000;
max-width: 95%}

SunGlo · August 3, 2013

Thanks, that got me in the ballpark now all I have to do is tweak it somewhat...awesome.

Phil

Sir_Eagle · August 3, 2013

Jingle Images wrote: »

Here is the code I used for my border-radius

.sm-tile-content {
  position: relative;
  display: block;
  background-color: transparent!important;
  overflow: visible;
}

.sm-tile-single.sm-tiles-uncropped .sm-image {
  border-radius: 55px;
  box-shadow: -6px 5px 10px #000;
max-width: 95%}

Thanks, I really like that look.

Ended up removing the first part:
.sm-tile-content {
position: relative;
display: block;
background-color: transparent!important;
overflow: visible;
}

As it messed up my folder views.

Jingle Images · August 3, 2013

Sir_Eagle wrote: »

Thanks, I really like that look.

Ended up removing the first part:
.sm-tile-content {
position: relative;
display: block;
background-color: transparent!important;
overflow: visible;
}

As it messed up my folder views.

The reason I have that there is if you look very close at the edges it shows the background a little that why I have it on transparent.

Humminbird · August 3, 2013

Jingle, How do you get the gallery name/title to show up below the gallery? Mine are right in the middle of the gallery folder and if there is a busy photo I sometimes can't read the name. Thanks!
Kathy
ps I'm trying to get my new SMUG in order.

Jingle Images · August 3, 2013

Humminbird wrote: »

Jingle, How do you get the gallery name/title to show up below the gallery? Mine are right in the middle of the gallery folder and if there is a busy photo I sometimes can't read the name. Thanks!
Kathy
ps I'm trying to get my new SMUG in order.

under your customize site chose the folder options and display
Info Style = Under

ko04 · August 3, 2013

I used a generator to get what I wanted. Incase anyone wants a solid black frame all the way around here is my code. Thanks jingle for the code it save me from trying to figure it out myself

.sm-tile-content {
position: relative;
display: block;
background-color: transparent!important;
overflow: visible;
}

.sm-tile-single.sm-tiles-uncropped .sm-image {
-webkit-box-shadow: .5px .5px 0 5px rgba(0, 0, 0, 1);
box-shadow: .5px .5px 0 5px rgba(0, 0, 0, 1);
max-width: 95%}

SunGlo · August 4, 2013

I wound up using this simple bit of code to add a gray and black frame around my homepage slideshow. Not overly fancy, but I'm happy with it.

Phil

.sm-slideshow {border-style:ridge;border-width:18px;}

FYI - I forgot to mention that I'm still playing in the sandbox so you won't be able to see my new version online.

WiscoFrank · August 4, 2013

Jingle Images wrote: »

Here is the code I used for my border-radius

.sm-tile-content {
  position: relative;
  display: block;
  background-color: transparent!important;
  overflow: visible;
}

.sm-tile-single.sm-tiles-uncropped .sm-image {
  border-radius: 55px;
  box-shadow: -6px 5px 10px #000;
max-width: 95%}

Thanks for this .. I love the rounded corners. One question .. is there a CSS setting to modify the spacing between rows in the folder view? I've been looking at the page source but I suck at CSS. Thanks again for sharing the code.

Jingle Images · August 4, 2013

WiscoFrank wrote: »

Thanks for this .. I love the rounded corners. One question .. is there a CSS setting to modify the spacing between rows in the folder view? I've been looking at the page source but I suck at CSS. Thanks again for sharing the code.

This is the code i used so the spacing is good for me and its centered on the page

.sm-tiles-spacing-6 .sm-tile {
  margin-left: auto;
  width: 90%;
  margin-right: auto;
}

.sm-tiles-grid.sm-tiles-spacing-6 .sm-tiles-list {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.sm-tiles-grid.sm-tiles-spacing-24 .sm-tiles-list {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.sm-tiles-spacing-24 .sm-tile {
  margin-left: auto;
  width: 90%;
  margin-right: auto;
}

WiscoFrank · August 4, 2013

Thanks Jingle, think that gets me what I want.

Humminbird · August 6, 2013

Thank you, Jingle!

Jingle Images · August 6, 2013

Y'all are welcome.

southeasternphotography · August 6, 2013

@ info style - over,under etc
I found and tried getting the text to go under instead of at the bottom of the gallery images. None of them worked! Noticed your comment above and that is exactly what I used. Nothing changed. Tried each option and saved or Published, etc. Just did this an hour ago. Wonder why it did not work for me?

Jingle Images · August 6, 2013

southeasternphotography wrote: »

I found and tried getting the text to go under instead of at the bottom of the gallery images. None of them worked! Noticed your comment above and that is exactly what I used. Nothing changed. Tried each option and saved or Published, etc. Just did this an hour ago. Wonder why it did not work for me?

Make sure you saved it. but without being able to look at your site I'm not sure.
That's how I got it to work for me.

rich56k · August 6, 2013

Adding the same great border to folder page tiles...

Jingle Images wrote: »

Here is the code I used for my border-radius

.sm-tile-content {
  position: relative;
  display: block;
  background-color: transparent!important;
  overflow: visible;
}

.sm-tile-single.sm-tiles-uncropped .sm-image {
  border-radius: 55px;
  box-shadow: -6px 5px 10px #000;
max-width: 95%}

Thanks for the info!!

Taking this idea a bit further...

on my folder pages I'm using collage landscape view with 48px spacing (so their not all butted together).

I'd love to accomplish what you have on your folder page!

I tried adding each and both of the codes provided ( to the "all folders" setting) with no results (if I knew anything about coding other than cut and paste it's surely obvious they wouldn't work).

Any thoughts / suggestions ?

rich56k

tenebs · October 9, 2013

Slideshow Questions
Does anyone know:

1) If the captions on a slideshow page can be moved to the top of an image (like on my home page I would prefer the captions at the top)

2) How to make a slideshow page start from a random image in the gallery so visitors don't always see the first image

3) And for the regular slideshow you get to from the Galleries, is there a way to show the caption like the slideshow page style does?

4) I noticed that on my Recent Uploads Page the slideshow button is limited to showing only 20 pictures before it repeats at the beginning: http://www.margygreen.com/Recent-Uploads

New SM - Homepage Slideshow

Comments