Thesis Full-width Framework Footer

Illustration of the Thesis Full-width Framework Footer

Full-width Framework Footer Hierarchy

  • #footer_area
    • .page
      • #footer

Full-width Framework Footer Selectors

#footer This selector is the main container for all of the footer elements.
The text color and the border width are the only user adjustable elements.
#footer a The link selector’s color is set to be the same as the footer text automatically in Design Options
#footer a:hover The link hover condition is not user adjustable.
#footer p The font size is set by the user in Design Options.

#footer
{
    border-style: double;  /* from style.css*/
    border-color: #ddd;  /* from style.css*/
    text-align: right;  /* from style.css*/
    clear: both;  /* from style.css*/
    padding-right: 1.1em; /* from layout.css*/
    padding-left: 1.1em; /* from layout.css*/
    padding-top: 1.1em; /* from layout.css*/
    padding-bottom: 1.1em; /* from layout.css*/
    color: #888888; /* from layout.css [Design Options] */
    border-width: 0; /* from layout.css [Design Options] */
}
#footer a
{
    border-bottom: 1px solid #ccc;  /* from style.css*/
    color: #888888; /* from layout.css [Design Options] */
}
#footer a:hover
{
    color: #111111; /* from layout.css*/
}
#footer p
{
    font-size: 1.2em; /* from layout.css [Design Options] */
    line-height: 1.667em; /* from layout.css*/
}

{ 1 comment… read it below or add one }

Gouri July 14, 2011 at 9:11 am

Thanks for the anatomy, it saved me a lot of time.

Leave a Comment