View Full Version : lining up my 3 featured galleries in a row
richturk
Sep-11-2009, 06:06 PM
http://thepuffinman.smugmug.com/
I'd like to get help w/code to get my 3 featured galleries to line up in one row under my slide show on the home page
Thank you in advance
and thank you posters and smugmug staff for the many questions you've answered over the past month as I got my Puffin Man smugmug site up and running. This is my 2nd smugmug account. I explored other alternatives, this is the only photo site where a web novice can get so much help in getting galleries customized :clap
rich turk
Allen
Sep-11-2009, 06:40 PM
http://thepuffinman.smugmug.com/
I'd like to get help w/code to get my 3 featured galleries to line up in one row under my slide show on the home page
Thank you in advance
and thank you posters and smugmug staff for the many questions you've answered over the past month as I got my Puffin Man smugmug site up and running. This is my 2nd smugmug account. I explored other alternatives, this is the only photo site where a web novice can get so much help in getting galleries customized :clap
rich turk
Might try the Mini-box hack
#10 in the FAQ:
http://www.dgrin.com/showpost.php?p=300387&postcount=8
richturk
Sep-11-2009, 08:40 PM
www.thepuffinman.com
Thanks....it got the titles lined up under the thumbs well, but
i'm still trying to move the three boxes over some to the right centered under the slideshow. I think the slideshow is ctr on the whole pg, but the feature boxes aren't
I tried changing margin settings, but nothing happened.
Here's my CSS as it was before I tried the margins
bioBox .photo {
display: none;
}
#userBio {
text-align: center !important;
}
/* html only page for gallery 9464575_EurVo */
.gallery_9457626 .nophotos {display: none;}
.gallery_9457626 .pageNav {display: none;}
#featuredBox {align: center;}
.gallery_9464575 #breadcrumb {display: none;}
.loggedIn .gallery_9464575 #breadcrumb {display: block;}
.gallery_9464575 .nophotos { display: none; }
.miniBox {width:122px; text-align:center; height:210px; margin:0 28px;}
.miniBox .photo {float:none; width:122px; height:auto; _height:1px;}
.miniBox .albumTitle {width:122px;}
.miniBox .description {width:122px;}
.miniBox .updated {width:122px;}
if anyone knows how to get all three ctred...that would be great, tx
rt
Might try the Mini-box hack
#10 in the FAQ:
http://www.dgrin.com/showpost.php?p=300387&postcount=8
richturk
Sep-11-2009, 09:16 PM
I temp. added a border to see what was happening...
the whole feature box is ctred but I have odd # galleries so they come out to the left...I think I have ctr in the code but that's for the whole box. I need to nudge each one over somehow, off ctr......:dunno
www.thepuffinman.com (http://www.thepuffinman.com)
Thanks....it got the titles lined up under the thumbs well, but
i'm still trying to move the three boxes over some to the right centered under the slideshow. I think the slideshow is ctr on the whole pg, but the feature boxes aren't
I tried changing margin settings, but nothing happened.
Here's my CSS as it was before I tried the margins
if anyone knows how to get all three ctred...that would be great, tx
rt
Allen
Sep-12-2009, 02:38 AM
I temp. added a border to see what was happening...
the whole feature box is ctred but I have odd # galleries so they come out to the left...I think I have ctr in the code but that's for the whole box. I need to nudge each one over somehow, off ctr......:dunno
Usually tweaking the R/L margin 28px in this will center the thumbs, but with
each new add will have to be tweaked again.
.miniBox {width:122px; text-align:center; height:210px; margin:0 28px;}
I only see one section in the CSS you show above, I'd add the whole thing in
because each section handles different scenarios. Like big and small thumbs,
logged in and out. Perhaps you're tweaking the wrong section.
vBulletin® v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.