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.
vBulletin® v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.