I have followed most of the instructions for inserting a custom text logo and navbar into my page and I am stuck. I would like both my logo and navbar to be on the same line, and the logo to be left-justified. In addition, there seems to be a large space between my header and the slide show, is there anything I can do to decrease this distance?
http://soloshots.smugmug.com/
-"Try to find the best in everyone, no matter how long they take to show it"
Change your header html to this.
<div id="my_header">
<div id="my_banner"> </div>
<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/gallery/XXXXXXX_YYYYY">About Me</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="/gallery/XXXXXXX_YYYYY">Information</a></li>
<li><a href="/gallery/XXXXXXX_YYYYY">Guestbook</a></li>
</ul>
</div> <!-- closes navcontainer -->
</div> <!-- closes my_header -->
Change your whole CSS to this, fixed a few errors. Need to turn on external
links in the banner gallery and make sure photo is not checked "hide".
body {
font-family: Segoe Print !important;
background-color: #191919;
}
#header_wrapper, #footer_wrapper, #cobrand_footer, #header,
#smugmug, .smugmug #header, .smugmug #footer {margin-left: 15px;margin-right: 15px;min-width: 755px;
width: auto;
}
#my_header {
height: 120px;
border-bottom: 1px solid #ccc;
margin: 0 40px 15px; /* top right/left bottom*/
padding: 0 20px;
}
#my_banner {
display: none;
width: 360px;
height: 120px;
margin: 0 auto;
background: url(/photos/462708242_ozebM-O.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader(enabled=true,
sizingmethod=image,src='/photos/462708242_ozebM-O.png');
}
#navcontainer {
float: right;
margin: -30px 0 0; /* top right/left bottom */
}
#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#navcontainer ul li {
display: inline;
}
#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #FFF;
background-color: #000;
font-family: Segoe Print;
}
#navcontainer ul li a:hover {
color: #CCC;
background-color: #000;
}
#bioBox .photo {display: none;}
#userBio {text-align: center !important;}
/* hides your name (including any 's) */
#userName {display: none;}
/* hides the word home */
#userHome {display: none;}
/* turn off the login link on the minifooter */
.loginLink {display: none; }
/* turn off the cart link on the minifooter */
.cartlink_footer {display: none; }
#feeds {display:none;}
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}
.galleries #bioBox {display: none;}
.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox {
display: block;
}