Help with Slideshow

[gophoto]

I have read a few post about getting the slide show on the intro page and and a navbar for my galleries, followed them and got it to work. now, is there a way to get rid of the white line to the left of my slide show? and perhaps make it a little wider but keep it centered? I for some reason would like to try and have a 4:7 slideshow. while you're at it please leave any suggestions on what you think works or doesnt on my site. im still working on it, it's my 1st ever for my biz.

Thanks

Victor
http://gomezphotography.smugmug.com/

[Allen]

I have read a few post about getting the slide show on the intro page and and a navbar for my galleries, followed them and got it to work. now, is there a way to get rid of the white line to the left of my slide show? and perhaps make it a little wider but keep it centered? I for some reason would like to try and have a 4:7 slideshow. while you're at it please leave any suggestions on what you think works or doesnt on my site. im still working on it, it's my 1st ever for my biz.

Thanks

Victor
http://gomezphotography.smugmug.com/
That white is actually two pieces, add this to your CSS.

#bioBox .boxBottom,
#bioBox .boxTop {border: none !important;}


Change the width and height in the biobox show code in this.

SM.flash.insertSlideshow(720, 500, ssConfig, 'transparent');

[gophoto]

thanks, that works great for black theme. now if i change the theme my slide show sticks out to the right when i make my slide show bigger than 700px. It's not centered anymore. I'm aiming for something like Leighton O'Connor's page, http://leightonoc.smugmug.com/, or Andy's page, Moonriverphotography.com a slightly bigger slideshow that is centered and has no "box" like my page has now.

Thanks again.

[Allen]

thanks, that works great for black theme. now if i change the theme my slide show sticks out to the right when i make my slide show bigger than 700px. It's not centered anymore. I'm aiming for something like Leighton O'Connor's page, http://leightonoc.smugmug.com/, or Andy's page, Moonriverphotography.com a slightly bigger slideshow that is centered and has no "box" like my page has now.

Thanks again.
The biobox is 750px wide I think. If you make the show 730px or wider you
will have to increase the width of the biobox and its parent container. Add
this to your CSS and make the width about 20px wider then your show
width.


#homepage,
#bioBox {
margin: 0 auto; /* auto R/L margin centers show */
width: 800px; /* use a width about 20px wider then show */
}

[gophoto]

thanks again Al, i think i got it. it only works on some themes tho, i can't get rid of the two lines that go up and down on the white theme, but the white gradient doesn't have that problem so i will just stick to this for now. :clap

[gophoto]

sorry to bother again, i some how messed up my page, now i can't get rid of the galleries on my main page so it only has the slide show. it was fine until i used the easy customizer to change the fonts to black because they were all white and my theme is white gradient, so it was hardly legible. i went back and checked my code and even added the !important tag so it overwrites any customization i might have messed up. no luck so far.

Victor
Gomezphotography.smugmug.com

[Allen]

sorry to bother again, i some how messed up my page, now i can't get rid of the galleries on my main page so it only has the slide show. it was fine until i used the easy customizer to change the fonts to black because they were all white and my theme is white gradient, so it was hardly legible. i went back and checked my code and even added the !important tag so it overwrites any customization i might have messed up. no luck so far.

Victor
Gomezphotography.smugmug.com Remove the extra red } here and your CSS will work.

#navcontainer ul li a:hover {
color: #ff6600;
background-color: #000000;
}

}
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none !important;
}

[gophoto]

Remove the extra red } here and your CSS will work.

#navcontainer ul li a:hover {
color: #ff6600;
background-color: #000000;
}

}
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none !important;
}


HOW DO YOU KNOW ALL THIS STUFF!!!?
Thanks again :barb