Header and Footer Areas

Customizr has implemented what they call a 'Sticky Header'.  This allows you header information to be visible when the user scrolls down on a large page.

This snippet of CSS will set the background color of the sticky header.

/* Change attributes to header when page is scrolled up */
.sticky-enabled .navbar.resp
background-color: #0D4D4D;


Both the header and footer's background colors and borders are changed.

/* Header and Footer Background */
header.tc-header, footer#footer
background: #009997;
border-top: 5px solid #009997;
border-bottom: 5px solid #009997;

Change the color and size of the facebook icon in the footer

footer#footer .colophon a.icon-facebook, a.icon-facebook
font-size: 2em;
.social-block a { text-shadow: none; }

Pin It on Pinterest

Share This