Reduce the gaps

[smirky]

:clap How do I reduce the gaps between my banner navs and slide show I would like them closer together and also make the navs bigger a bit like Mike Lanes website

[smirky]

Sorry forgot put my web link www.kerrphotos.com (http://www.kerrphotos.com)

[J Allen]

1- Remove this from your CSS:

// fix the pesky pipes

YE.onAvailable("cobrand_footer", function() {this.innerHTML = this.innerHTML.replace(/\||what are feeds\?/gi, '');});


2- Add/Change the red:

#my_banner {
width: 750px;
height:140px;
margin: 0 auto;
background: url(http://www.smugmug.com/photos/473123813_d3SnB-L.jpg) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingmethod=image,src='http://www.smugmug.com/photos/XXXXXXX_YYYYY-O.png');
}


#navcontainer ul {
margin: 0 auto ;
padding:0 auto;
list-style-type: none;
text-align: center;}


#navcontainer ul li a {
font-size: 150%;
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #000000;}



3- ADD this to your CSS Box:



/*=====Fix Dead Space====*/
.homepage #breadcrumb
{display: none;}
#userBio {padding:0;}
#homepage {padding-top:0;}



:thumb

[J Allen]

This should clean up your guestbook page, add to your CSS:




/*=====Guestbook=====*/
.gallery_6816981 #breadCrumbTrail,
.gallery_6816981 .play_slideshow,
.gallery_6816981 #albumNav_top,
.gallery_6816981 #albumNav_bottom,
.gallery_6816981 .nophotos h3,
.gallery_6816981 .pageNav
{display: none;}



Want to get rid of all that 'green', adjust the red as needed, add to your CSS:


/*=====No More Green!!!=====*/
.title,
a.title,
#lightBoxNav .title,
#cartNav .title,
#popUpnav .title,
#cartFG .box .title,
.slideNameOn,
.pageNav,
.pickerContent .pageOn,
.pickerContent a.pageOn:hover {color:#996600;}
.loupeTool,
#slideKnob,
a:hover .imgBorder,
.imgBorderOn {border-color:#996600;}
#ajaxWorking,
.pickerContent a.page:hover {background-color:#996600;}
.pickerContent a.pageOn:hover {color:#996600;}




Try this for your galleries page, add to your CSS:




/*=====Galleries 4 Across=====*/
.miniBox {width:122px; text-align:center; height:150px; margin:028px;}
.miniBox .photo {float:none; width:122px; height:auto; _height:1px;}
.miniBox .albumTitle {width:122px;}
.miniBox .description {width:122px;}
.miniBox .updated {display: none;}
.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;}




#categoryTitle
{display: none;}



.boxBottom,
.boxTop,
.box
{background: none !important;}


:D

[smirky]

1- Remove this from your CSS:

// fix the pesky pipes

YE.onAvailable("cobrand_footer", function() {this.innerHTML = this.innerHTML.replace(/\||what are feeds\?/gi, '');});


2- Add/Change the red:

#my_banner {
width: 750px;
height:140px;
margin: 0 auto;
background: url(http://www.smugmug.com/photos/473123813_d3SnB-L.jpg) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingmethod=image,src='http://www.smugmug.com/photos/XXXXXXX_YYYYY-O.png');
}


#navcontainer ul {
margin: 0 auto ;
padding:0 auto;
list-style-type: none;
text-align: center;}


#navcontainer ul li a {
font-size: 150%;
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #000000;}



3- ADD this to your CSS Box:



/*=====Fix Dead Space====*/
.homepage #breadcrumb
{display: none;}
#userBio {padding:0;}
#homepage {padding-top:0;}



:thumb


Thank you very much family guy you have been a great :barb

[J Allen]

Your welcome, here's what I use for my contact page form, per your email...


1- Go to Wufoo (http://wufoo.com/) and create an account, its free!

2- After you log in, it should take you to the "Form Manager" Page

3- Make sure you've created a contact form that matches your site

4- You should see 6 button:

* Entries * Edit * View Code* Notifications *Payment


5- click on the "Code" botton

6- That should take you to another page, look for the button that says
"Embed Form code"

7- Copy & Paste that code in your gallery desription area between these tags:

<html></html>

8- enjoy your form