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
{
color:#669999;
font-size: 2em;
}
.social-block a { text-shadow: none; }

Pin It on Pinterest

Share This