Changing position of Featured Gallery

[Dramatapix®]

OK... just call me illiterate, but I'm fried. I've been up most of the night trying to customize my smugmug site, and I am not having much luck.

Can someone spell out exactly what this dope (me) would have to do to change the position of the featured gallery on my sites main page:

www.dramatapix.com

I would like it to live vertically on the right hand side of the page like the one here:

http://mikelane.smugmug.com/

Any help would be appreciated.

Brett

[Andy]

OK... just call me illiterate, but I'm fried. I've been up most of the night trying to customize my smugmug site, and I am not having much luck.

Can someone spell out exactly what this dope (me) would have to do to change the position of the featured gallery on my sites main page:

www.dramatapix.com

I would like it to live vertically on the right hand side of the page like the one here:

http://mikelane.smugmug.com/

Any help would be appreciated.

Brett

Stick around for Mike, he'll show you once he sees this. And if you don't get an answer today bump this thread again tomorrow. Thanks!

Viewing the CSS, I see this:

#featuredBox {background:#111 url(/photos/XXXXXXX-O.gif) top repeat-y; width:140px; position:absolute; right:-1px; top:15px; height:auto; _height:1%;
border-top:1px solid #600;
border-right:1px solid #f00;
border-bottom:1px solid #600;
border-left:1px solid #600;}
#featuredBox .boxTop {text-indent:-10000px; width:124px; height:65px; background:url(/photos/57686898-O.png) center no-repeat;}
#featuredBox .boxBottom {padding:0;}
* html #homepage #featuredBox .boxTop {background:transparent; width:124px; margin:5px auto; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=crop, src='/photos/XXXXXX-O.png');}
* html #homepage .boxTop {width:140px;}
#featuredBox .hint {display:none;}
#homepage #featuredBox .miniBox {width:140px; height:auto; margin-bottom:20px;}
#homepage #featuredBox .miniBox .smbuttons {width:120px; margin:0 auto;}
* html #homepage #featuredBox .miniBox {width:122px; padding:0;}
#homepage #featuredBox .miniBox .photo {width:140px;}
#homepage #featuredBox .miniBox .albumTitle {text-align:center; width:120px; margin:0 auto;}

* html #homepage #featuredBox .boxBottom .miniBox {margin:5px 0; padding:0; width:140px;}
* html #homepage #featuredBox .boxBottom .miniBox .albumTitle {margin:0; padding:0 10px;}
* html #homepage #featuredBox .boxBottom .miniBox .photo {margin:; padding:0;}

[Dramatapix®]

bump

[Mike Lane]

Hey Brett,

It's not too difficult to get your featured galleries over to the right, all it takes is a bit of absolute positioning and some padding in the right places (although I suppose I could float it...). My first question for you is do you want to have the galleries just like mine where the gallery title is below the gallery image? Or do you want it how you've currently got it setup? This will make a difference in how wide it is.

[Dramatapix®]

Hey Brett,

It's not too difficult to get your featured galleries over to the right, all it takes is a bit of absolute positioning and some padding in the right places (although I suppose I could float it...). My first question for you is do you want to have the galleries just like mine where the gallery title is below the gallery image? Or do you want it how you've currently got it setup? This will make a difference in how wide it is.


I'm looking to set it up like yours with the titles below the images.

Be gentle with me, I'm really a dope with regard to this and will need some handholding and very specific instructions. LOL

Brett

[Andy]

I'm looking to set it up like yours with the titles below the images.

Be gentle with me, I'm really a dope with regard to this and will need some handholding and very specific instructions. LOL

Brett
Well, please be SURE you want to do this. It's a fair amount of work and you should have a solid plan for the entire page :D

[Dramatapix®]

Well, please be SURE you want to do this. It's a fair amount of work and you should have a solid plan for the entire page :D


Hmm, don't think I would have asked if I wasn't SURE, but thanks for checking. :wink

[Andy]

Hmm, don't think I would have asked if I wasn't SURE, but thanks for checking. :wink
OK, Mike to the resQ!

[Mike Lane]

I'm looking to set it up like yours with the titles below the images.

Be gentle with me, I'm really a dope with regard to this and will need some handholding and very specific instructions. LOL

BrettOkay your first step is to make it so those featured galleries have the clean option selected to yes. Just click on customize below the featured gallery there and do that. That'll make it so it only shows the gallery title and nothing more.

[Dramatapix®]

Okay your first step is to make it so those featured galleries have the clean option selected to yes. Just click on customize below the featured gallery there and do that. That'll make it so it only shows the gallery title and nothing more.

Done...

I'm assuming that this change will also place the gallery titles underneath the respective gallery pictures on the main page in other categories as well as the Featured Gallery section? I like how clean that is.

Brett

[Dramatapix®]

Actually located your assistance in another thread to make changes relative to the positioning of the galleries within a category and this also took care of the issue with the gallery titles being underneath as oppossed to on the side.

Phew...

OK... I think I'm ready for the next step :)

If I haven't said it already... THANK YOU for your help!

[Mike Lane]

Sorry this help is taking longer than normal. I'm in the midst of a 4 day weekend with a wife who is 8 months pregnant and nesting :lol3

[Dramatapix®]

Sorry this help is taking longer than normal. I'm in the midst of a 4 day weekend with a wife who is 8 months pregnant and nesting :lol3

Totally understand. I am in no rush. Get to it when and if you can.

I do have a follow up to go with this. I was having some trouble with the spacing and layout of the boxes, and ultimately found some support documentation to adjust it, however the spacing between the horizontal rows is a bit funky and isn't uniform throughout the categories and galleries. Thanks again, and enjoy your holiday.

[Mike Lane]

Okay, put this at the bottom of your CSS and see if it's what you want.


.homepage #bodyWrapper {width:800px; margin:0 auto; position:relative;}
#homepage {margin:0; width:648px; position:static;}
#homepage #featuredBox {width:142px; position:absolute; right:0; top:225px; height:auto;}
#homepage #featuredBox .boxTop {height:auto; text-align:center;}
#homepage #featuredBox .miniBox {width:122px;}
#homepage #featuredBox .miniBox .photo {padding:0 10px; height:auto; _height:1px; margin:0;}
#homepage #featuredBox .miniBox .albumTitle {text-align:center; width:122px; clear:both;}

[stephiewilliams]

Okay, put this at the bottom of your CSS and see if it's what you want.


.homepage #bodyWrapper {width:800px; margin:0 auto; position:relative;}
#homepage {margin:0; width:648px; position:static;}
#homepage #featuredBox {width:142px; position:absolute; right:0; top:225px; height:auto;}
#homepage #featuredBox .boxTop {height:auto; text-align:center;}
#homepage #featuredBox .miniBox {width:122px;}
#homepage #featuredBox .miniBox .photo {padding:0 10px; height:auto; _height:1px; margin:0;}
#homepage #featuredBox .miniBox .albumTitle {text-align:center; width:122px; clear:both;}


Hey Mike,
I am trying to do this as well and it is not lining up with my header and footer but rather placing the featured galleries section on top of them...any thoughts? Sorry if this is really easy and my question is ridiculous :)