Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
roygbivla

YORK Template: Full bleed gallery, vertically middle-aligned, footer at bottom

Recommended Posts

So I'm trying to have gallery/intro page of images that are full bleed, but vertically centered. Worst case scenario, I don't need them full bleed. Also would really love for the footer to stay at the bottom for every page.

Every attempt I've made has failed at getting it to what I need. I've attached two images--the left one is what I'm stuck with, and the right one is what I'm trying to achieve.

alt text

Can anyone make any suggestions? Much appreciated in advance.

problem.jpg.adfb3c79011761afdbcef8d7616ec7a6.jpg

Edited by roygbivla
Initial Revision

Share this post


Link to post

You should provide site url to community can check.


Send me a message if you have any questions (free 10 minutes).

4000+ free code: Adirondack - Avenue - Brine - Bedford - and more (all 7.0 template & 7.1)

Useful guide: How to share url (trial plan) - 2 languages site - 3 languages

Plugins: Product Enquiry Form - Product Color/Image Swatch VariantLightbox Anything

Learn CSS Basic: Treehouse - W3Schools - Flexbox

Other groups: SS Customization Resource Group - SS CSS Support - SS Community

 

Share this post


Link to post

@roygbivla Did you solve the problem?


Send me a message if you have any questions (free 10 minutes).

4000+ free code: Adirondack - Avenue - Brine - Bedford - and more (all 7.0 template & 7.1)

Useful guide: How to share url (trial plan) - 2 languages site - 3 languages

Plugins: Product Enquiry Form - Product Color/Image Swatch VariantLightbox Anything

Learn CSS Basic: Treehouse - W3Schools - Flexbox

Other groups: SS Customization Resource Group - SS CSS Support - SS Community

 

Share this post


Link to post

Unfortunately no. The image seems to be pretty wide (though not full bleed), and it now leaves too much space between the header and footer. I'm trying to look into reducing that space, though I can't seem to figure out how to do that quite yet.

Share this post


Link to post

Hope you find a solution. Now I'm in the countryside, tomorrow will return to the city and check (if you still haven't resolved yet), saved your question.


Send me a message if you have any questions (free 10 minutes).

4000+ free code: Adirondack - Avenue - Brine - Bedford - and more (all 7.0 template & 7.1)

Useful guide: How to share url (trial plan) - 2 languages site - 3 languages

Plugins: Product Enquiry Form - Product Color/Image Swatch VariantLightbox Anything

Learn CSS Basic: Treehouse - W3Schools - Flexbox

Other groups: SS Customization Resource Group - SS CSS Support - SS Community

 

Share this post


Link to post

It looks like I'm trying to vertically align the .sqs-gallery-design-stacked. So right now I have:


.gallery-block {
 vertical-align: center;
}

I've managed to get it down a notch via

margin-top:

but that's extremely limiting. I'd like to get it to be completely vertically centered, regardless of resolution.

But to no avail. Any ideas?

Edited by roygbivla
Initial Revision

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...