hallo,
after lot of help from JF and smugmug team i have now a beautiful slideshow on :
http://www.labrophotography.smugmug.com/
for unknown reasons it had a sideeffect on recent and search page which are now stretchy. at start they were based on RichW code and were not stretchy.
finally why not stretchy.

my galery page, again for unknown reasons has not toggled to stretchy mode.

So, the questions :

q1. how can i change my galery page to a stretchy one like http://www.moonriverphotography.com/Galleries
without box, without title "galeries" ... ?
because apparently all css elements are linked on smugmug templates i suppose recent page and search page will follow the box removing, no problem

q2. on my serach page, all boxes were extended to stretchy except search box. there are enough search criteria on the page, so how can i delete the search box from search page http://www.labrophotography.smugmug.com/find/ ?


best regards
marc

You can add the part in red to your CSS to make the recent page and search page be fixed width:

/* restore width of galleries page */
.recent #homepage, 
.find #homepage, 
.galleries #homepage {width: 750px; margin-left: auto; margin-right: auto;}

Sorry, but the tutorial cannot anticipate all other customizations you might have on your homepage that might interact with the slideshow. When you mix and match interacting customizations, copy/paste tutorials cannot cover everything and somebody has to understand how this stuff works. That's just the way it is. The tutorial does tell you how to manage the width of the galleries page and your other homepage copies are exactly the same as the galleries page so all you had to do was extend the CSS that makes the galleries page fixed width to apply to your other pages too. That's what my suggestion above does.

thanks John,
just tried something on http://www.labrophotography.smugmug.com/galleries/:
instead of adding the two red lines to restore 750px width i have put in comments :
/* .galleries #homepage {width: 750px; margin-left: auto; margin-right: auto;} */
and doing so i have now galery page stretchy too.

Is it the right way to make galery stretchy like moonriver ?

how, like moonriver, can i remove grey box and title black box from galery page, add a 20px spacing between nav bar and first row and decreasing by 30px the spacing between rows ?

best regards
marc

that is the correct way to get the stretchy galleries page.

To remove the box background you will need to add this:

.box, .boxBottom {
background-color: transparent !important;
border: none !important;
}

To remove the box top add this:

.homepage .boxTop {
display: none;
}

Also have you looked at your site logged out? The spacing is different there since you don't have to leave space for the gallery settings box.

Originally Posted by Smug Eric that is the correct way to get the stretchy galleries page. To remove the box background you will need to add this: .box, .boxBottom { background-color: transparent !important; border: none !important; } To remove the box top add this: .homepage .boxTop { display: none; } Also have you looked at your site logged out? The spacing is different there since you don't have to leave space for the gallery settings box.

thanks eric but title disappears too, which is nice on galery page but not on search and recent pages ! how can i fix this on recent and serach pages only ?

on moonriver galery page http://www.moonriverphotography.com/Galleries there is more spacing above first row and less spacing between rows. you already suggested code but it changed spacing on all pages including slideshow home page. perhaps it is a question of decreasing "cell height" and increasing "top padding in each cell ?"

best regards
marc


best regards
marc

Originally Posted by grosloulou thanks eric but title disappears too, which is nice on galery page but not on search and recent pages ! how can i fix this on recent and serach pages only ? on moonriver galery page http://www.moonriverphotography.com/Galleries there is more spacing above first row and less spacing between rows. you already suggested code but it changed spacing on all pages including slideshow home page. perhaps it is a question of decreasing "cell height" and increasing "top padding in each cell ?" best regards marc best regards marc

just tried :
.box, .boxBottom {
background-color: transparent !important;
border: none !important;
}

.homepage .boxTop {
background-color: transparent !important;
border: none !important;
/* display: none; */
}

not too bad but gradient title box remains.

Try this instead of the .homepage.boxTop line to remove it on only that page:

#categoriesBox .boxTop {
display: none;
}


Then for the spacing, you will need to adjust the height of the .miniBox CSS to adjust that. Me just tinkering on my end a height of 160px looks good, but it may have problems if any of your gallery titles are long enough to be two lines. You can also adjust the width there to bring the boxes closer together. But I wouldn't suggest a width of less then 114px.