View Full Version : Pure White, Jumping Navbar
Beahope
Dec-07-2007, 03:01 AM
Hello-
I am having lots of troubles with my site.
1. I want it to be seamless, pure white, with out the funky grey borders. Is there a way to achieve this look?
2. I had to move my navbar down since my banner was covering it. Now, if you enter a gallery, the navbar jumps back to its orginal position. YIKES!
HELP!!!!!!!!!!!!!!!!!!!
Bea
www.beahaynesphotography.com (http://www.beahaynesphotography.com)
Allen
Dec-07-2007, 07:55 AM
Hello-
I am having lots of troubles with my site.
1. I want it to be seamless, pure white, with out the funky grey borders. Is there a way to achieve this look?
2. I had to move my navbar down since my banner was covering it. Now, if you enter a gallery, the navbar jumps back to its orginal position. YIKES!
HELP!!!!!!!!!!!!!!!!!!!
Bea
www.beahaynesphotography.com (http://www.beahaynesphotography.com)
To start remove the red from the theme.
/* ------------------ */
/* --- White -------- */: #222;
}
/* --- Ivar Borst --- */
If you want your banner centered change the CSS to this below. You have
the correct height but your image has a large top and bottom white area. I'd
crop most of that off and it'll fit better.
#my_banner {
width: 750px;
height: 125px;
position:absolute;
left:0;
top:0;
background: url(http://BeaHaynesPhotography.smugmug.com/photos/229589526-O.jpg) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader(enabled=true,sizingmethod=image,src='http ://nickname.smugmug.com/photos/1234567-O.png');
}
to this
#my_banner {
margin: 0 auto;
width: 750px;
height: 125px;
background: url(http://BeaHaynesPhotography.smugmug.com/photos/229589526-O.jpg) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader(enabled=true,sizingmethod=image,src='http ://nickname.smugmug.com/photos/1234567-O.png');
}
Beahope
Dec-07-2007, 10:45 AM
I actually like the banner to the left. What i am concerned about is the nav bar changing position when you enter a gallery.
Beahope
Dec-07-2007, 11:05 AM
I removed what you said to remove from the theme and it didnt seem to do anything.
Beahope
Dec-07-2007, 11:13 AM
I actually like the banner to the left. What i am concerned about is the nav bar changing position when you enter a gallery.
Nevermind- I think i fixed this...
Beahope
Dec-07-2007, 02:03 PM
To start remove the red from the theme.
/* ------------------ */
/* --- White -------- */: #222;
}
/* --- Ivar Borst --- */
If you want your banner centered change the CSS to this below. You have
the correct height but your image has a large top and bottom white area. I'd
crop most of that off and it'll fit better.
#my_banner {
width: 750px;
height: 125px;
position:absolute;
left:0;
top:0;
background: url(http://BeaHaynesPhotography.smugmug.com/photos/229589526-O.jpg) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader(enabled=true,sizingmethod=image,src='http ://nickname.smugmug.com/photos/1234567-O.png');
}
to this
#my_banner {
margin: 0 auto;
width: 750px;
height: 125px;
background: url(http://BeaHaynesPhotography.smugmug.com/photos/229589526-O.jpg) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader(enabled=true,sizingmethod=image,src='http ://nickname.smugmug.com/photos/1234567-O.png');
}
I want to make my site all white.
I put this in my CSS:
#homepage,
#category,
#smugmug,
#smugmug_small,
#journal,
#filmstrip,
#slideshow,
#critique,
#allthumbs,
#traditional,
#singleImage,
#content {
width: 750px;
margin: 0 auto;
padding-left: 35px;
padding-right: 35px;
background:
I put this in my CSS with everthing after the background deleted, like suggested in another forum. Nothing happens. When I use the CSS editor in firefox, the border goes away. WHat am i doing wrong?
vBulletin® v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.