Any way to make a content block stick to the bottom of a window on Smugmug (at leaat for non-mobile)

Stranger

I know how to do this with css but all the vertical organizationelements seem to have identical class names (sm-page-layout-row yui3-g) and no distinct IDs, so either I make everything sit at the bottom,. or nothing. Any ideas?

Stranger

Sure wish I could edit the typos out of my previous post. It also looks as though user-accessible CSS in Smugmug excludes access elements by ID anyway, is that correct?

Hikin' Mike

I'm really not following you. Might be easier if I could see your site?

Stranger

http://neildelapena.photo/

This issue pertains exclusively to the homepage.
Ideally, I would like the bottom palette of images to stick to the bottom of the browser window, when the browser window is tall enough to permit it.

Hikin' Mike

You can try to add that block into your footer. Then pin the footer. You can use CSS to hide that block on all other pages.

Stranger

Ah, I see, thanks

Stranger

OK, just found a footer place --sort of. It is under " Customize-> Content and Design->"Entire Site", however. Is there an area that gives one access to just the footer forthe homepage?

Hikin' Mike

@Stranger said:
OK, just found a footer place --sort of. It is under " Customize-> Content and Design->"Entire Site", however. Is there an area that gives one access to just the footer forthe homepage?

There isn't. That's why I said you need to use CSS to hide the other pages.

Hikin' Mike

This should work, provided that you DON'T delete the current photo block and create another.

.sm-user-ui .sm-page-widget-18184995 .sm-page-widget-content {
    display: none;
    }

.sm-page-home .sm-page-widget-18184995 .sm-page-widget-content {
    display: block;
    }   

Just to add, if you create a new one, you'll need the widget number. Best way to find that is by using one of the web tools.

Stranger

Ah, thanks. I will probably have to trash that block anyway, since I don't know of a way to drag a block from the body of a smugmug page into the footer editing area, but it isn't working correctly anyway. The "Action on Click" is set to "Go to Gallery" not "Open in Lightbox", but "Go to Gallery" seems to mean "Go to Gallery (and then open in Lightbox)" whic is not what I want, so I may just have roll my own image strip.

My main main remaining was about how to have CSS distinguish what page it was on, which you seem to have shown.

Hikin' Mike

When I first posted that I forgot that you can't drag a block into the site-wide section from the "only this" page.

I tried to pin that block based on the tutorial I wrote on pinning the header and/or footer, but couldn't get it to work.

Stranger

It appears to make little difference whether I add something to the "footer" as identified by Customize-> Content and Design->"Entire Site", or just add it to the lowest area on the homepage. Either way, I can only get it to stick to the bottom by using position:fixed, which is not really what I want, since it will potentially cover up the main content. Everything else seems to have it floating an arbitrary distance below whatever is above it.

photoclick

@Stranger - there is a weird setting in the Layout tab of the Designer called "Full Height". Try setting it to On and place the content in the Footer of the page. See if that works for you.