Project + Footer

[adam]

Hey guys

I am trying to achieve having a project description at the very end of all my projects along with a footer positioned at the bottom. Ideally I want this last section of my project to be 100vh.

At the moment by setting the last row of my project that includes the description to "use browser height for row height" plus having a footer set up for all the project it just add the footer on top. As a result im getting a bottom section of 100vh plus the footer.

Is there a way to include the footer in the 100vh of the last row of my projects?

[edgrbnz]

Afaik that is not really possible right now. You might be able to do it via CSS / Code though. Ideally this last section is the footer and you could fetch the project description via CSS, Shortcode or similar.

For now I’d suggest to setup one project with the desired last 100vh section. Put anything in there you need (includig the footer contents), duplicate said project and adjust the layout for all the other projects you have in mind.

But perhaps @mariusjopen has a cleaner, code based solution on offer for the first option?

[mariusjopen]

Dear @adam
can you provide a quick sketch of what you are trying to achieve and a link to your current website if possible?

Thank you!

Best!

Marius

[adam]

Hey guys thanks for the reply

@edgrbnz that the only solution I can think of however i'm hoping for it to be a little more automated.

@mariusjopen the image is what i'm trying to achieve. Ideally I would like this whole bottom section of my projects to be 100vh. The bottom content would be the automated footer contents.

[mariusjopen]

Dear @adam
if the footer has always the same height,
you can make a margin-top: - FOOTERHEIGHT;
Then the footer is always within the height of the previous box.

Hope that helped.

Best!

Marius

[adam]

Ah i see what you're saying. I gave it a quick try and can get it to work for specific browser widths however doesn't work as well at all screen sizes. Percentages seem to work a little better then pixels however its not perfect.

Any other ways around this?

[mariusjopen]

Dear @adam
also have a look here:
https://www.w3schools.com/cssref/func_calc.asp

Hope that helps!

Best!

Marius