PDA

View Full Version : Need some help with my slide show


DangerBird
Mar-10-2009, 03:03 PM
Hi, I'm having some trouble trying to figure out how to eliminate some of the space between my slide show on my home page and the "welcome" text. I'd like to tighten up some of the space between the photos and the border to make everything more compact. As it is now unless you have a very large monitor it doesn't fit neatly on the screen.

The url is, illumeimage.com

Thanks!

J Allen
Mar-10-2009, 03:18 PM
Hi, I'm having some trouble trying to figure out how to eliminate some of the space between my slide show on my home page and the "welcome" text. I'd like to tighten up some of the space between the photos and the border to make everything more compact. As it is now unless you have a very large monitor it doesn't fit neatly on the screen.

The url is, illumeimage.com

Thanks!


Change the red in this rule:

#my_banner {
width: 662px;
height: 215px;
margin: 0 auto;
background: url(http://www.smugmug.com/photos/374717530_fzYXq-M.jpg) no-repeat;
}




Add this to your CSS:




/*====Tighten Homepage====*/
#userBio {padding:0;}
#homepage {padding-top:0;}
.homepage #breadcrumb
{display:none;}




:ear

DangerBird
Mar-10-2009, 05:35 PM
Thanks! That helped but I'd still like to shrink the border area so it's tighter to the photos. Is that possible?

Thanks again for your help!!

Change the red in this rule:

#my_banner {
width: 662px;
height: 215px;
margin: 0 auto;
background: url(http://www.smugmug.com/photos/374717530_fzYXq-M.jpg) no-repeat;
}




Add this to your CSS:




/*====Tighten Homepage====*/
#userBio {padding:0;}
#homepage {padding-top:0;}
.homepage #breadcrumb
{display:none;}



:ear

J Allen
Mar-10-2009, 06:02 PM
Thanks! That helped but I'd still like to shrink the border area so it's tighter to the photos. Is that possible?

Thanks again for your help!!

You cant adjust that border without effecting the slide show and your text, there is a border code to go around your slide show images, but it's currently out of order...smugmug geeks are hopefully hard at work getting it back....you can add this to your css and remove all the borders and backgrounds on your site.






/*====No More Border====*/
.galleryPage,
.boxBottom,
.boxTop,
.box
{border:none !important;}


/*====No More Background====*/
.boxBottom,
.boxTop,
.box
{background:none !important;}

DangerBird
Mar-10-2009, 10:11 PM
I'm not sure I like it with no border. What's this "border code" that you speak of? How is it out of order? Should I wait for that to work again?

Thanks for all of your help.

You cant adjust that border without effecting the slide show and your text, there is a border code to go around your slide show images, but it's currently out of order...smugmug geeks are hopefully hard at work getting it back....you can add this to your css and remove all the borders and backgrounds on your site.






/*====No More Border====*/
.galleryPage,
.boxBottom,
.boxTop,
.box
{border:none !important;}


/*====No More Background====*/
.boxBottom,
.boxTop,
.box
{background:none !important;}

J Allen
Mar-11-2009, 03:21 AM
The border code can be found on THIS (http://dgrin.smugmug.com/gallery/3624147) page.

The thread discussing the problem is HERE (http://www.dgrin.com/showthread.php?t=123225)

DangerBird
Mar-11-2009, 08:15 AM
Thank you!

The border code can be found on THIS (http://dgrin.smugmug.com/gallery/3624147) page.

The thread discussing the problem is HERE (http://www.dgrin.com/showthread.php?t=123225)