@ECCS I did this yesterday to my footer. I have a transparent, fixed footer and the content is scrolling behind it. This is what I put in my CSS:
.slug-release #footer-region {
position: fixed;
background:transparent;
bottom: 0;
z-index: 999
}
Breakdown:
- .slug-release – release is the name of the page the footer should appear on. Leave .slug– and add the name of your page afterward.
- position: fixed – footer is always at the bottom of the browser
- background: transparent – footer background is transparent. You can put any color here.
- bottom: 0 – put this to zero and layout your grid in the footer page.
- z-index: 999 – this puts the footer to the front on top of all the content
Hope this helps. I am sure there are different ways to do it but this is how I did it. I don't have a lot of CSS knowledge.
Cheers,
Louis