I'm using the FL full-screen slide show on my homepage. I have the thumb grid enable but I can't seem to figure out how to do a couple of things, if even possible.

This is my page: http://www.alexsotelophotography.com/

First, how do I change the color of the grid? Right now it's white. I'd like to change it. Second, can I change the opacity of the grid? Maybe not the thumbs themselves but the "container"? And if I can, will the slide show display behind it? That's what I'd love to do. Basically like the thumb grid is floating on top of the slideshow.

Thanks,

Alex

Bumpitty Bump for some help.

Originally Posted by anonymouscuban First, how do I change the color of the grid? Right now it's white. I'd like to change it.

Try this and see if that gets what you want:

.fl-gallery-grid-clip
{background-color:#4c4c4c}

or this if you want the grid color change:

.fl-gallery-grid
{background-color:#4c4c4c}

Thanks Joe. I actually found the overlayGrid code and decided to use that instead of changing the color. But I have yet another question.

If I lower the the height of the slideshow so it's position directly below my banner, that shifts the grid down too so it's off the page. Is there a way to make the grid position fixed on the page? I don't know how to code or where to put the grid position fixed statement or if that's even how I would do it.

Originally Posted by anonymouscuban Thanks Joe. I actually found the overlayGrid code and decided to use that instead of changing the color. But I have yet another question. If I lower the the height of the slideshow so it's position directly below my banner, that shifts the grid down too so it's off the page. Is there a way to make the grid position fixed on the page? I don't know how to code or where to put the grid position fixed statement or if that's even how I would do it.

Something like this should work...play with the numbers:

.fl-gallery-grid 
{position:fixed !important;
bottom:70px !important}