Home Page Help

Basics

This site currently uses bootstrap 3 for basic layout and styling. It is recommended that you learn a little about how to use bootstrap 3 so you can create a home page that is stylish and looks good on a computer as well as on a phone. Here are some resources you can use:

It is also recommended that you learn some basic CSS to make it easier for you to create a page that looks how you want it.

League elements

These are elements that you can feature league content and can go anywhere on the home page.

To put an element on the home page, just copy and paste its "tag" from the table below into your homepage setting in the admin section of your league.

The settings column shows what can be changed. Here is a basic example of how to change a setting on an element his will change the title from the default to "GOTW"

If you wish to style the elements differently, use the "style classes" as CSS selectors and put the desired styling in the "style" setting your league's admin section. For more information on how to use CSS for styling, go to this CSS tutorial by W3Schools.

Tag Purpose Settings Style classes
Displays the game of the week title: Change the title displayed for this element
title-img: Use an imag instead of text for the title
title: .panel-gotw > .panel-heading
body: .panel-gotw > .panel-body
Displays the offensive player of the week title: Change the title displayed for this element
title-img: Use an imag instead of text for the title
title: .panel-award > .panel-heading
body: .panel-award > .panel-body
Displays the defensive player of the week title: Change the title displayed for this element
title-img: Use an imag instead of text for the title
title: .panel-award > .panel-heading
body: .panel-award > .panel-body
Displays the AFC North standings title: Change the title displayed for this element
title-img: Use an imag instead of text for the title
title: .panel-standings > .panel-heading.AFC-heading
body: .panel-standings > .panel-body
Displays the AFC East standings title: Change the title displayed for this element
title-img: Use an imag instead of text for the title
title: .panel-standings > .panel-heading.AFC-heading
body: .panel-standings > .panel-body
Displays the AFC South standings title: Change the title displayed for this element
title-img: Use an imag instead of text for the title
title: .panel-standings > .panel-heading.AFC-heading
body: .panel-standings > .panel-body
Displays the AFC West standings title: Change the title displayed for this element
title-img: Use an imag instead of text for the title
title: .panel-standings > .panel-heading.AFC-heading
body: .panel-standings > .panel-body
Displays the NFC North standings title: Change the title displayed for this element
title-img: Use an imag instead of text for the title
title: .panel-standings > .panel-heading.NFC-heading
body: .panel-standings > .panel-body
Displays the NFC East standings title: Change the title displayed for this element
title-img: Use an imag instead of text for the title
title: .panel-standings > .panel-heading.NFC-heading
body: .panel-standings > .panel-body
Displays the NFC South standings title: Change the title displayed for this element
title-img: Use an imag instead of text for the title
title: .panel-standings > .panel-heading.NFC-heading
body: .panel-standings > .panel-body
Displays the NFC West standings title: Change the title displayed for this element
title-img: Use an imag instead of text for the title
title: .panel-standings > .panel-heading.NFC-heading
body: .panel-standings > .panel-body
Displays the passing leaders title: Change the title displayed for this element
title-img: Use an imag instead of text for the title
title: .panel-stats > .panel-heading
body: .panel-stats > .panel-body
Displays the passing leaders title: Change the title displayed for this element
title-img: Use an imag instead of text for the title
title: .panel-stats > .panel-heading
body: .panel-stats > .panel-body
Displays the receiving leaders title: Change the title displayed for this element
title-img: Use an imag instead of text for the title
title: .panel-stats > .panel-heading
body: .panel-stats > .panel-body
Displays the sack leaders title: Change the title displayed for this element
title-img: Use an imag instead of text for the title
title: .panel-stats > .panel-heading
body: .panel-stats > .panel-body
Displays the interception leaders title: Change the title displayed for this element
title-img: Use an imag instead of text for the title
title: .panel-stats > .panel-heading
body: .panel-stats > .panel-body
Displays the tackle leaders title: Change the title displayed for this element
title-img: Use an imag instead of text for the title
title: .panel-stats > .panel-heading
body: .panel-stats > .panel-body
Displays the AFC playoff race title: Change the title displayed for this element
title-img: Use an imag instead of text for the title
title: .panel-standings > .panel-heading.AFC-heading
body: .panel-standings > .panel-body
Displays the NFC playoff race title: Change the title displayed for this element
title-img: Use an imag instead of text for the title
title: .panel-standings > .panel-heading.NFC-heading
body: .panel-standings > .panel-body