Is it possible to eliminate the thumbnails on my homepage, but leave the catagory names that are displayed below them? I would only like to do this on my homepage not the subcatagory pages.

www.sunglo.smugmug.com
www.sunglophoto.com

Thanks,

Phil

Originally Posted by SunGlo Is it possible to eliminate the thumbnails on my homepage, but leave the catagory names that are displayed below them? I would only like to do this on my homepage not the subcatagory pages. www.sunglo.smugmug.com www.sunglophoto.com Thanks, Phil

Well, I found a way to do it. Now I just have to play around with the colors and alignment. Please ignore my previous post.

#homepage #categoriesBox .miniBox .photo {display: none;}

Thanks,

Phil

Originally Posted by SunGlo Well, I found a way to do it. Now I just have to play around with the colors and alignment. Please ignore my previous post. #homepage #categoriesBox .miniBox .photo {display: none;} Thanks, Phil

I completed the changes to my home page and I thought I was out of questions, but I guess not.

I read the tutorials on custom headers and I'm in a fog when it comes to having one header on my homepage and a different header on all my subcatagory and gallery pages. Below is the code for my existing header. The image is being resized on the page so I can't use it as a background. My only issue is the top and bottom margins required for the homepage are too large for all the other pages.

/* Custome Headers */
#my_header {width:735px; height:130px; margin: 0 auto; margin-top:60px; margin-bottom:5px; float: center}

#my_header img {width:725px; height:100px; border:8px outset darkorange; float: center;}

www.sunglo.smugmug.com
www.sunglophoto.com

Thanks,

Phil

Originally Posted by SunGlo I completed the changes to my home page and I thought I was out of questions, but I guess not. I read the tutorials on custom headers and I'm in a fog when it comes to having one header on my homepage and a different header on all my subcatagory and gallery pages. Below is the code for my existing header. The image is being resized on the page so I can't use it as a background. My only issue is the top and bottom margins required for the homepage are too large for all the other pages. /* Custome Headers */ #my_header {width:735px; height:130px; margin: 0 auto; margin-top:60px; margin-bottom:5px; float: center} #my_header img {width:725px; height:100px; border:8px outset darkorange; float: center;} www.sunglo.smugmug.com www.sunglophoto.com Thanks, Phil

Anyone have any ideas on how to have the header on my homepage different than all my other pages (see previous post)?

Phil

Can you post links to the two banners you want to use?

-Anthony

Originally Posted by apiercy Can you post links to the two banners you want to use? -Anthony

OOPS, sorry Anthony, I forgot to include the header box code along with the CSS code. The only thing I want to have different between the two custom headers are the top and bottom margins. The margins I'm using on the homepage are too large for my other pages.

Here's the image link.

http://sunglo.smugmug.com/photos/96662275-O.jpg

<div id="my_header">
<a href="<A href="http://www.sunglophoto.com/"><img">http://www.sunglophoto.com/"><img src="http://sunglo.smugmug.com/photos/96662275-O.jpg" /></a>
</div>

Thanks,

Phil

Originally Posted by SunGlo OOPS, sorry Anthony, I forgot to include the header box code along with the CSS code. The only thing I want to have different between the two custom headers are the top and bottom margins. The margins I'm using on the homepage are too large for my other pages. Here's the image link. http://sunglo.smugmug.com/photos/96662275-O.jpg <div id="my_header"> <a href="<A href="http://www.sunglophoto.com/"><img">http://www.sunglophoto.com/"><img src="http://sunglo.smugmug.com/photos/96662275-O.jpg" /></a> </div> Thanks, Phil

Try some of these to control diff areas

.category_Name #my_header {
margin-top: xxpx;
margin-bottom: xxpx;
}

.gallery_xxxxxxxxx #my_header {
margin-top: xxpx;
margin-bottom: xxpx;
}

Originally Posted by Allen Try some of these to control diff areas .category_Name #my_header { margin-top: xxpx; margin-bottom: xxpx; } .gallery_xxxxxxxxx #my_header { margin-top: xxpx; margin-bottom: xxpx; }

Al,

Is there a way to just change the margins for only the homepage? I think that would be easier. I could set my header up for all my other pages then just modify it for the homepage.

Thanks,

Phil

Originally Posted by SunGlo Al, Is there a way to just change the margins for only the homepage? I think that would be easier. I could set my header up for all my other pages then just modify it for the homepage. Thanks, Phil

Well, sorry, I should have experimented before I ask. Here's what I used and it looks like it worked.

.homepage #my_header {margin-top: 0px; margin-bottom: 0px;}

I have to play with the values now.

Thanks for nudging me in the right direction...couldn't have done it without you.

Phil