View Full Version : Hiding text
Raymaker
Mar-31-2008, 10:11 PM
I was just wondering how to hide the text that looks like this on gallery pages and other places:
Raymaker (http://raymaker.smugmug.com/) > Wildlife (http://raymaker.smugmug.com/Wildlife) > Birds
It seems to be cramming everything up and it makes things looks sloppy. I am also having some trouble centering my nav bar (a problem that just shows up now and then, even though i have had it corrected before).
Thanks!
www.raymaker.smugmug.com (http://www.raymaker.smugmug.com)
Allen
Apr-01-2008, 07:28 AM
I was just wondering how to hide the text that looks like this on gallery pages and other places:
Raymaker (http://raymaker.smugmug.com/) > Wildlife (http://raymaker.smugmug.com/Wildlife) > Birds
It seems to be cramming everything up and it makes things looks sloppy. I am also having some trouble centering my nav bar (a problem that just shows up now and then, even though i have had it corrected before).
Thanks!
www.raymaker.smugmug.com (http://www.raymaker.smugmug.com)
Add this to your CSS to hide the breadcrumb.
#breadcrumb {visibility: hidden;}
.loggedIn #breadcrumb {visibility: visible;}
#altViews {visibility: visible;}
Decrease the width in this and your navbar will center. 700 > 550
/* Common Styling */
.menu {
position: relative;
display: block;
z-index: 99;
padding: 0px 0px 0px 0px; /* spacing around menu - top right bottom left */
height: 30px; /* menu container (div .menu) */
width: 550px; /* width of menu - minimize this until doesn't wrap to two lines - too large effects centering */
margin: 0 auto; /* this should center navbar, if not tweak with left's below */
}
You have the nav CSS needed for dropdowns, if you're not going to use them in
the future you can switch to a much simpler version.
.menu ul {
margin: 10px auto;
padding: 0;
list-style-type: none;
text-align: center;
}
.menu ul li {
display: inline;
}
.menu ul li a {
text-decoration: none;
padding: .2em 2.2em;
color: #fff;
background-color: none;
font-size: 145%;
}
.menu ul li a:hover {
color: #000;
background-color: #BDB76B;
}
Raymaker
Apr-01-2008, 05:01 PM
Excellent! Thanks, for both of the answers and going further and checking out my nav bar code. I just recently switched to having no drop downs to make things more simple. I will use the code you gave me and see how it works. Thanks again!
vBulletin v3.5.2, Copyright ©2000-2010, Jelsoft Enterprises Ltd.