Theme:
SCSS TypeScript

Page Footer

The page footer is a layout component that can vary greatly from theme to theme. Therefore, the basic page footer is kept extremely simple. In fact, it only consists of the block class .page-footer.

The page footer is only further developed in the respective themes and can be described here in great detail.

Here is the simple code of the basic page footer, see _page-footer-styles.scss. Compare this to the implementation of the page footer for finanzen.net is much more extensive, see _page-footer.default.de.scss.

Basic Page Footer

Theme basic Screen size XL
html

finanzen.net

The following code shows a simplified form of the finnet page footer. All elements are displayed, but links and images have simplified tags.

In addition, a customized design for f.net PRO has been added to finnet as an extension of the page footer. Add the block modifier .page-footer--pro to the block.

Theme de [FIX] Screen size XL
html

finanzen.ch

This Page Footer implements the default Page Footer and extends it with an finanzen.ch specific layout.

Theme ch [FIX] Screen size XL
html