rookie needing a little bit of help...

[llamaboy]

Hey there! I'm new to Dgrin and SmugMug and have been having a few difficulties with customization... maybe somebody could help me out with a few of them? I'm sure the answers have been given out there and are probably very simple... but I've spent heaven knows how many hours searching, copying and pasting CSS codes, and still coming up mostly empty-handed. Anyways-- whatever advice somebody can offer would be greatly appreciated. Thanks!

http://kaseyivan.smugmug.com

1. Homepage Slideshow
There seems to be a white box around the pictures in the slideshow that ends up pushing my footer way down below and the pictures themselves down away from the navbar. I'd really like to tighten them up so that one can see the header, pictures, and footer without scrolling down. I think the best way to do this would be to get rid of the box and leave the slideshow of pictures at their current size. (BTW-- it's hard to tell where the white box stops and ends currently because the background is white, but it is there and about 2-3 inches on all sides when looking at it on my monitor with a different background color).

2. Portfolio Thumbs and Grey Box
On my portfolio link, I would like to remove the grey gradient box behind the thumbs. The portfolio right now is set as a category. Tried a few different CSS codes but ended up with no results. Would also like to know how to do remove it on all categories since the proofs link will eventually be set up in a similar fashion. As for the thumbnails on this page, could I get them to be listed horizontally with their titles listed underneath them? Also, is there a way to pick which photo comes up on the thumbnail rather than it picking one at random from that gallery?

3. SmugMug footer
I'm sure this is simple... but can I get the SmugMug footer to go away entirely? The best option I could find was to make it smaller.

4. Thin Black Line
There is a thin black line on my Pricing, Behind the Shots, and Contact page between the text and the other elements on those pages (such as a picture or the NavBar). How to get rid of please??

5. Text Wrap
On the three pages mentioned in #4, I would like to insert a picture on the right and have the text wrap around it on the left. Any HTML that I will need for this to happen?? Also, are there any good sites or links that somebody could give me that would really help out with editing in HTML??


Thanks to anyone who lends their help. I sincerely appreciate it. :)

[RuSu]

I'm a newbie myself, but you can make the SM footer go away with this code:

.gallery_xxxxxxx #cobrand_footer .nav {display:none !important;}

Sorry I can't help with other issues. Still learning, too. Good luck.

[Allen]

...

http://kaseyivan.smugmug.com

1. Homepage Slideshow
There seems to be a white box around the pictures in the slideshow that ends up pushing my footer way down below and the pictures themselves down away from the navbar. I'd really like to tighten them up so that one can see the header, pictures, and footer without scrolling down. I think the best way to do this would be to get rid of the box and leave the slideshow of pictures at their current size. (BTW-- it's hard to tell where the white box stops and ends currently because the background is white, but it is there and about 2-3 inches on all sides when looking at it on my monitor with a different background color)....
See if you like this. Tightens up the homepage quite a bit.

Change the show size in the biobox script.

SM.flash.insertSlideshow(400, 300, ssConfig, 'transparent');

Optional to really tighten page: Add this to your CSS to bring footer image up.

#bioBox {
position: relative;
left: 30px;
z-index: 99;
width: 500px;
}

.homepage #customFooterImage {
position: relative;
top: -220px;
z-index: 50;
}

[Allen]

...

http://kaseyivan.smugmug.com

...
2. Portfolio Thumbs and Grey Box
On my portfolio link, I would like to remove the grey gradient box behind the thumbs. The portfolio right now is set as a category. Tried a few different CSS codes but ended up with no results. Would also like to know how to do remove it on all categories since the proofs link will eventually be set up in a similar fashion. As for the thumbnails on this page, could I get them to be listed horizontally with their titles listed underneath them? Also, is there a way to pick which photo comes up on the thumbnail rather than it picking one at random from that gallery?
...
Add this to your advanced site-wide customization CSS

#galleriesBox .boxBottom {
background: none !important;
border: none !important;
}

/* ==================================================== */
/* == FAQ #18, Line up boxes with titles underneath === */
/* ============== Current as of 13 Feb 07 ============= */
/* ==================================================== */
/* http://www.dgrin.com/showpost.php?p=300387&postcount=8 */

.miniBox {width:122px; text-align:center; height:210px; margin:0 28px;}
.miniBox .photo {float:none; width:122px; height:auto; _height:1px;}
.miniBox .albumTitle {width:122px;}
.miniBox .description {width:122px;}
.miniBox .updated {width:122px;}

.loggedIn .miniBox {height:auto; min-height:300px;}
.loggedIn .miniBox .smbuttons {margin:0 auto; width:122px;}
.loggedIn .miniBox input {width:122px;}
.loggedIn .miniBox textarea {width:112px;}

.boxBottom .albumLarge {width:192px; height:350px; text-align:center; margin:0 24px;}
.albumLarge .photoLarge {float:none; width:192px; height:auto; _height:1px;}
.albumLarge .albumTitle {width:192px;}
.albumLarge .description {width:192px;}
.albumLarge .updated {width:192px;}

.loggedIn .boxBottom .albumLarge {height:auto; min-height:450px;}
.loggedIn .albumLarge .smbuttons {margin:0 auto; width:192px;}
.loggedIn .albumLarge input {width:192px;}
.loggedIn .albumLarge textarea {width:182px;}

[Allen]

...
5. Text Wrap
On the three pages mentioned in #4, I would like to insert a picture on the right and have the text wrap around it on the left. Any HTML that I will need for this to happen?? Also, are there any good sites or links that somebody could give me that would really help out with editing in HTML??...
See this page.
http://allen-steve.smugmug.com/gallery/3819841

[llamaboy]

Thanks Allen! That really helped! For the most part I am finished with questions 1, 2, and 5. I do have a quick question though. I like the way that the footer came up, but would like to center my slideshow on the page. I can change the footer around to suit that so it will fit tightly. I currently have the slideshow position so it will likely sit underneath the NavBar with most browser window sizes, but if it could be centered than I would be assured of it. Tried using another CSS but it ended up screwing up the other formatting. Can we keep the vertical changes but center the slideshow??? Thanks for the help!! :)

Also-- any hints on question #4?? Still having no luck with it.