PDA

View Full Version : Header Customization


gaderianne
Dec-18-2008, 07:18 AM
Hi all, I'm new to SmugMug and am slowly but surely setting up the look for my photo-pages. I have a custom header that I really like. It's currently on all of the other pages/galleries (which I want) BUT it's centered and I would like it aligned to the left. On the home page it looks fine, but when I click into a gallery I don't like how it looks as it's centered. Here it is so you can see what I'm talking about:

This I think looks fine because the lines on the left are all lined up.
http://gaderianne.smugmug.com

But here, for example, they aren't.
http://gaderianne.smugmug.com/gallery/6751151_3pYZu#431394821_t6rCz

Any help will be much appreciated. Thanks so much.
Andrea

jfriend
Dec-18-2008, 07:24 AM
Have you considered just turning off the Smugmug header (a setting in site-wide-customization) and perhaps implementing a more modern style picker (http://www.dgrin.com/showthread.php?t=111251). If you did that, I think you'd want to keep your banner centered.

You could put your banner on the left in gallery pages by putting this CSS after your other banner CSS:

.galleryPage #my_banner {margin: 0;}

Allen
Dec-18-2008, 07:25 AM
Hi all, I'm new to SmugMug and am slowly but surely setting up the look for my photo-pages. I have a custom header that I really like. It's currently on all of the other pages/galleries (which I want) BUT it's centered and I would like it aligned to the left. On the home page it looks fine, but when I click into a gallery I don't like how it looks as it's centered. Here it is so you can see what I'm talking about:

This I think looks fine because the lines on the left are all lined up.
http://gaderianne.smugmug.com

But here, for example, they aren't.
http://gaderianne.smugmug.com/gallery/6751151_3pYZu#431394821_t6rCz

Any help will be much appreciated. Thanks so much.
Andrea
Welcome to Dgrin :wave

See if adding this to CSS aligns it like you want. It just does Smugmug
style galleries so any other style might need to be added also.

.smugmug #my_banner {
margin: 5px 0; /* top/bottom right/left */
}

gaderianne
Dec-18-2008, 07:31 AM
Allen,
Thanks so much - it worked like a charm! I've never done anything with CSS, HTML Code, laying out galleries so this is a new venture for me. Thanks for your quick response!!!

Andrea

jfriend
Dec-18-2008, 07:53 AM
Allen,
Thanks so much - it worked like a charm! I've never done anything with CSS, HTML Code, laying out galleries so this is a new venture for me. Thanks for your quick response!!!

Andrea

Please don't miss my post above Allens. It's a different design option that I think might look better.