Moving main photo up in a gallery

shniks · October 11, 2015

Hi Allen,

I noticed that in my 'Panoramas' gallery, the main photo (to the right) is placed way down the page. Is there any way to move it up? I have made that page as a stand alone gallery (so can customize just that page).

Thanks,

Allen · October 11, 2015

It now has a top margin set to 188px. See if this solves it.
Put it in "Just this gallery" CSS.

.sm-gallery-image .sm-tile-photo {margin-top: 50px !important;}

shniks · October 11, 2015

Allen wrote: »

It now has a top margin set to 188px. See if this solves it.
Put it in "Just this gallery" CSS.

.sm-gallery-image .sm-tile-photo {margin-top: 50px !important;}

Thanks Allen - that worked great actually. Initially I thought it didn't work, but when I closed and re-opened the browser window, it works fine.

Cheers,

Allen · October 11, 2015

shniks wrote: »

Thanks Allen - that did not work. It's still located down the page.

Cheers,

Works here with WebDev? Where did you put the CSS?

shniks · October 11, 2015

Allen wrote: »

Works here with WebDev? Where did you put the CSS?

Sorry I just edited my response. It does work just fine.

Is there a way to decrease the bottom margin too? Currently the footer is way down the page. I think there is excess space between the main pic and the footer.

Cheers,

Allen · October 11, 2015

Problem is when you fill the page with more photo thumbs the main photo nav has to stay where it is.

shniks · October 11, 2015

Allen wrote: »

Problem is when you fill the page with more photo thumbs the main photo nav has to stay where it is.

Hmm , but I only have eight pics on that page (in two rows of thumbs) - so shouldn't there be a way to decrease the spacing between the bottom of the main photo and the caption/ Title below?

Thanks much,

Moving main photo up in a gallery

Comments