get rid of "slideshow control bar" in slideshow style gallery... [Sitemap]

pics-ell

Jan-20-2006, 04:05 PM

hopefully i'm not posting this twice...
i'm a relatively new pro user and brand new to dgrin. i've been doing pretty well with my site customization thanks to all the great help found here and at smugmug. though i feel decently comfortable with the cobranding and have figured a few things out for myself, this has me stumped, and i've searched the forums for hours to no avail. i have a private gallery containing 3 photos that is linked from my navbar as "contact info". the photos contain said info and fade one from the other when the link is clicked. i think it is pretty neat-o, but i would really like to get rid of the "slideshow control bar" at the top of the page, since the only purpose of these photos is to relay the contact information. can anybody help?
:dunno

http://www.pics-ell.smugmug.com/
Click on "contact"

Andy

Jan-20-2006, 04:17 PM

.gallery_1095190 .toolsbox {display: none;}

I put it in your CSS already for you. NEAT TRICK, Ellen! :bow :bow :bow

Andy

Jan-20-2006, 04:18 PM

HOW ON EARTH DID I FIGURE THIS OUT?

Why Firefox, and the Web Dev toolbar (http://www.dgrin.com/showpost.php?p=228977&postcount=4) of course!

pics-ell

Jan-20-2006, 04:25 PM

.gallery_1095190 .toolsbox {display: none;}

I put it in your CSS already for you. NEAT TRICK, Ellen! :bow :bow :bow

thanks, andy!! :clap

Andy

Jan-20-2006, 04:36 PM

I likey.

http://www.dgrin.com/showthread.php?t=26043

bwg

Jan-20-2006, 04:40 PM

.gallery_1095190 .toolsbox {display: none;}

I put it in your CSS already for you. NEAT TRICK, Ellen! :bow :bow :bow

definitely an outside of the box way to do it.

:thumb

Andy

Jan-20-2006, 05:04 PM

Ellen,,

You may free yourself from the cartlink and login at the bottom, but the cobrandfooter.nav *cannot* be hidden with font color. Please change it so it is plainly visible, thank you.

Andy

Jan-20-2006, 05:11 PM

Ellen,,

You may free yourself from the cartlink and login at the bottom, but the cobrandfooter.nav *cannot* be hidden with font color. Please change it so it is plainly visible, thank you.

I put:

#footer.nav {color:#7B6D61;}

In your CSS.

pics-ell

Jan-20-2006, 05:14 PM

pics-ell

Jan-20-2006, 05:19 PM

I put:

#footer.nav {color:#7B6D61;}

In your CSS.

ah--ha... you're too fast. it still takes me a minute to re-orient myself when i'm reading code! ;)

Andy

Jan-20-2006, 05:28 PM

ah--ha... you're too fast. it still takes me a minute to re-orient myself when i'm reading code! ;)

Cool. You can modify the color, but if just can't be invisible or nearly-invisible.

pics-ell

Jan-20-2006, 05:32 PM

Cool. You can modify the color, but if just can't be invisible or nearly-invisible.

sorry "bout that. i forget not everybody is looking at this with a black background!

Andy

Jan-22-2006, 06:33 AM

This idea is so cool! Thanks pics-ell :thumb

http://williams.smugmug.com/photos/53333638-L.gif

primedigital

Jan-30-2007, 06:10 AM

Andy, I would like to do something similar. On galleries that are forced to slideshow mode, how can I hide all of the toolbar except the forward/back, pause/play buttons and center them below the images?. I would also like to hide descriptions and captions in these galleries. Can do?

gwyneth

Mar-07-2007, 11:41 AM

that code worked. yay! however, now my thumbnails are right up underneath my custom nav bar...does anyone know how to put some spacing there? also...i tried to tell it not to show that navigation for the entire category "client%20galleries", and, of course, it didn't work. anyone? i hate having 2 nav bars...it's just silly!

methd

Dec-22-2007, 06:29 AM

.gallery_1095190 .toolsbox {display: none;}

I put it in your CSS already for you. NEAT TRICK, Ellen! :bow :bow :bow

hey guys.. i've tried this above and although it works on my computer, all the computers on my friends' still shows the toolbar... is there a delay in time, or should i keep trying to find a way around this.

gallery in question is here: http://www.lumensphotography.com/gallery/4033939

cheers !

Allen

Dec-22-2007, 06:47 AM

hey guys.. i've tried this above and although it works on my computer, all the computers on my friends' still shows the toolbar... is there a delay in time, or should i keep trying to find a way around this.

gallery in question is here: http://www.lumensphotography.com/gallery/4033939

cheers !
Add a space after the gallery number and it'll work.

.gallery_4033939 .toolsbox {display: none;}

methd

Dec-22-2007, 06:51 AM

Add a space after the gallery number and it'll work.

.gallery_4033939 .toolsbox {display: none;}

thanks for the quick reply and fix :)

Leggy

May-05-2008, 02:29 PM

.gallery_1095190 .toolsbox {display: none;}

I put it in your CSS already for you. NEAT TRICK, Ellen! :bow :bow :bow

I am trying this but clearly am missing something. Here is what I am doing and I want it to work for all galleries that are set to show in slideshow mode.

.galleries .toolsbox {
display: none;
}

www.lauraleggphotography.com (http://www.lauraleggphotography.com)
Thanks

jasoncaine

May-27-2008, 03:55 PM

is it possible to change the default settings of the slideshow gallery, as well as image size, get rid of (hide) those options along XX of XX, caption ...then to force those defaults leaving the only options to the viewer in the control panel as forward, backward, play, and full screen?

Gallery in question is:
http://www.jasoncainephotography.com/gallery/5037015_CDrrM/1/302558776_Zntq8
-J.

tim.steadman

Sep-14-2008, 04:17 PM

.gallery_5884820 .toolsbox {display: none;}

I put it in your CSS already for you. NEAT TRICK, Ellen! :bow :bow :bow

Andy (& other geniuses),

I tried the above CSS code to get rid of the slideshow toolbox on this gallery page... http://www.timsteadman.com/gallery/5884820_s3UHK

to no avail. Any fixes?

-tim

Allen

Sep-14-2008, 04:41 PM

Andy (& other geniuses),

I tried the above CSS code to get rid of the slideshow toolbox on this gallery page... http://www.timsteadman.com/gallery/5884820_s3UHK

to no avail. Any fixes?

-tim
Add the missing }'s

/* turn off "gallery page 1" */
.gallery_2304541 .pageNav, .gallery_5859937 .pageNav, .gallery_5885534 .pageNav, .gallery_5884881 .pageNav {
visibility:hidden;
}
/* widen margins on guestbook page */
.journal .gallery_2304541 {
width: 960px !important; margin: 0 auto;
}
.journal_entry {border-top: none !important;}

tim.steadman

Sep-14-2008, 05:21 PM

Andy (& other geniuses),

I tried the above CSS code to get rid of the slideshow toolbox on this gallery page... http://www.timsteadman.com/gallery/5884820_s3UHK

to no avail. Any fixes?

-tim

Thanks Al! Another tricky customization question... I have now hidden the slideshow toolbox, is it possible to "force" the slideshow thumbnails at the bottom since that's no longer a viewer option. Just for this gallery page...
http://www.timsteadman.com/gallery/5884820_s3UHK

-tim

Allen

Sep-14-2008, 05:23 PM

Thanks Al! Another tricky customization question... I have now hidden the slideshow toolbox, is it possible to "force" the slideshow thumbnails at the bottom since that's no longer a viewer option. Just for this gallery page...
http://www.timsteadman.com/gallery/5884820_s3UHK

-tim
Don't think so.

tim.steadman

Sep-14-2008, 05:24 PM

Don't think so.

thanks! it was worth a try!

locomota

Jan-08-2009, 06:54 AM

I added the following CSS code to remove the Style control for Bio and Contact pages:

.gallery_7038547.toolsbox {display: none;}
.gallery_7038527.toolsbox {display: none;}

Unfortunately the offending control boxes refuse to go away.

Any ideas please?

.gallery_1095190 .toolsbox {display: none;}

I put it in your CSS already for you. NEAT TRICK, Ellen! :bow :bow :bow

Allen

Jan-08-2009, 06:56 AM

I added the following CSS code to remove the Style control for Bio and Contact pages:

.gallery_7038547.toolsbox {display: none;}
.gallery_7038527.toolsbox {display: none;}

Unfortunately the offending control boxes refuse to go away.

Any ideas please?
Add a space after 7038547

.gallery_7038547 .toolsbox {display: none;}
.gallery_7038527 .toolsbox {display: none;}

studio38wedding

May-02-2009, 04:15 AM

.gallery_XXXXXX.toolsbox {display: none;}

The above code worked - Thanks! However I would like to keep the Forward - Back - Pause options

How do I change the code to include those?

The gallery in question

http://studio38wedding.smugmug.com/gallery/7707737_AisKK

Thank you everyone -

This is my first post to DGrin so I am just getting used to it

R.Leonardo

Nov-13-2010, 01:07 PM

...Another tricky customization question... I have now hidden the slideshow toolbox, is it possible to "force" the slideshow thumbnails at the bottom since that's no longer a viewer option. Just for this gallery page...
http://www.timsteadman.com/gallery/5884820_s3UHK

-tim

Is this still not a possible customization?
Is it at all possible to drop the thumbnail strip down below the slideshow, preferably not overlapping the slideshow image (as is doing now by default).

astockwell

Nov-13-2010, 04:36 PM

So I've tried this, and I can't seem to get it to work...the tool bar I am assuming is the thumbnails that appear over the main picture being displayed in the slideshow, which is annoying that it does that I might add...Can someone help me with this??

http://www.northeastlightphotography.com/Featured-Work/Featured-Artwork/8452212_shfbV

I don't want those thumbnails at all.

R.Leonardo

Nov-13-2010, 05:20 PM

Patrik

Nov-23-2010, 12:26 PM

Allen

Nov-24-2010, 06:36 AM

I've added .gallery_14761417 .toolsbox {display: none;} to my CSS, but it doesn't change a thing. I want my gallery slideshow to look like http://www.timsteadman.com/gallery/5884820_s3UHK.

My gallery is http://www.patrikwinge.com/Images/People/14761417_jkq2Z.

Thanks
I would not use the Slideshow style but switch to Smugmug style and
embed the slideshow in the album description. Then you can
hide/show what elements you want. Also add CSS to hide the photos in
the gallery.

This would go in the gallery description. Full set of parameters here (http://wiki.smugmug.net/display/SmugMug/Flash+Slideshow).

<html>
<script>
var ssConfig = {
AlbumID: '14761417',
AlbumKey: 'jkq2Z',
newWindow: 'false',
transparent: 'true',
showLogo: 'false',
clickUrl: '',
showThumbs: 'false',
showButtons: 'false',
crossFadeSpeed: '350'
};

SM.flash.insertSlideshow(600, 400, ssConfig, 'transparent');
</script>
</html>

Possible CSS to hide photos but need to see it to be sure.

.notLoggedIn #photos {display: none;}

Patrik

Nov-25-2010, 06:29 AM

Thank you!

Now I just want to center the slideshow and remove the text "Page X of X" and "<Prev X of X Next>".

http://www.patrikwinge.com/Images/People/14761417

Allen

Nov-25-2010, 06:46 AM

Thank you!

Now I just want to center the slideshow and remove the text "Page X of X" and "<Prev X of X Next>".

http://www.patrikwinge.com/Images/People/14761417
Looks great, you now have full control of the slideshow.

Change this

.notLoggedIn #photos {display: none;}

to this

.gallery_14761417 .notLoggedIn #albumNav_top,
.gallery_14761417 .notLoggedIn #photos {display: none;}
.gallery_14761417 #albumDescription {text-align: center;}

Patrik

Nov-25-2010, 07:00 AM

THANK YOU!!!

Just one more question and then I'll be happy - How do I center the image and text in my bio?
http://patrikwinge.smugmug.com/gallery/6951250_G8rRD

Allen

Nov-25-2010, 07:07 AM

THANK YOU!!!

Just one more question and then I'll be happy - How do I center the image and text in my bio?
http://patrikwinge.smugmug.com/gallery/6951250_G8rRD
Try this

.gallery_6951250 #albumDescription {
margin-top: 40px; /* gap from navbar at top */
/* background: #ffffff; */ /* background of description box */
padding: 20px auto 40px; /* top right/left bottom */
} /* spacing inside box from edges */

.gallery_6951250 .myPhoto {
float: left; /* allows the text to flow to the right */
padding: 0 auto 10px; /* top right/left bottom */
} /* spacing of text around photo */

.gallery_6951250 .myText {
font-family: verdana;
font-size: 100%;
color: #FFFFFF;
font-weight: normal;
text-align: center;
}

.gallery_6951250 #journal {
margin: 0 auto;
width: 800px;
}

Patrik

Nov-25-2010, 07:14 AM

You did it again!

I'm very grateful to you for all your help. Thank you!

VobeCreative

Aug-29-2011, 04:25 PM

I am very new to CSS, and am having a hard time tweaking my slideshow. Forgive my lack of knowledge, I'm hoping after I get this cleared up I'll have a much better understanding of how to customize!

I have gotten the code to work in the 'gallery description' but am not sure where to put the remaining CSS instructions that will center the slideshow and remove the left and right arrows. Also, how do I hide the what is under the slideshow? Copying those instructions into the 'gallery description' duplicated the pictures, and I don't want erase anything and mess something up. Can someone please clear this up for me? The gallery is:

http://vobecreative.smugmug.com/Weddings/Weddings/18783229_PpxbGP

Any help is VERY much appreciated!!

Valerie

jpl_1020

Aug-30-2011, 12:50 PM

Hello Andy/ Allen,

How do I move the slideshow toolbar at the bottom and prevent it from moving up and down?

http://www.jplimages.com/gallery/15614640_csXrd

Thanks in advance

Allen

Aug-30-2011, 02:34 PM

Hello Andy/ Allen,

How do I move the slideshow toolbar at the bottom and prevent it from moving up and down?

http://www.jplimages.com/gallery/15614640_csXrd

Thanks in advance
You are using the slideshow gallery style and I don't think there is a way.

jpl_1020

Aug-30-2011, 02:46 PM

Thanks Allen.

Is the Shizam slideshow an option for gallery slideshow?

Or what other slideshow options do I have if I don't use the smuggy slideshow style? Sorry, I have searched and there are just tons of info and I don't even know where to start. :scratch

I have done the filmstrip style with John's customization code but I still don't like how the toolbar looks. I hope these are the features that smugmug would improve in the future.

Allen

Aug-30-2011, 03:12 PM

Thanks Allen.

Is the Shizam slideshow an option for gallery slideshow?

Or what other slideshow options do I have if I don't use the smuggy slideshow style? Sorry, I have searched and there are just tons of info and I don't even know where to start. :scratch
You can embed the HTML slideshow in the gallery description. See sticky at top of forum.

jpl_1020

Aug-30-2011, 03:46 PM

Thanks Allen, that worked out well.

VobeCreative

Sep-02-2011, 01:22 PM

Would anybody be able to help me with my questions from my above post? Just trying to get my site setup in a more appealing way to gain more clients. Need to pay the bills! I would really appreciate it.

Valerie

badams007

Jan-10-2012, 03:34 AM

I am profoundly new to all this customization stuff just having started this weekend - and not a computer geekette to start with. I have 2 pages set up as portfolio slideshows and need to get rid of the the filmstrip.

1. What coding do I need? and
2. Where do I put it?

http://candidcanine.smugmug.com/DOGS/Going-to-the-Dogs/14893610_tZbtpc
and
http://candidcanine.smugmug.com/HORS/Equines/20933481_sCdMdf

Thank you so much for any information