Sticky and half-opaque footer

Hi,
unfortunately, on spiegelbilder.de, the hint (Sticky footer) for making the footer sticky doesn’t work.

  .site-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 999;
  }

And i’d like to get the footer shine-through like the header.
Tried some things with no success so far:

div#sidebar-footer.footer-widgets.widget-area {
    background: rgba(0,0,0,.4);
}

Hi,

The section that you’ve tried to make it sticky is not the .site-footer but the footer’s widget. So, please change the code in above with this:

#sidebar-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 999;
  }

Regards,
Awan

Thank you very much (also for the fast response), that’s been it.

1 Like