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.

Te settings column shows what can be changed. Here is a basic example of how to change a setting on an element <gotw-module title="GOTW"></gotw-module> This 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 sectiion. For more information on how to use CSS for styling, go to this CSS tutorial by W3Schools.

Tag Purpose Settings Style classes
<gotw-module></gotw-module> 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
<opow-module></opow-module> 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
<dpow-module></dpow-module> 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
<afc-north-standings-module></afc-north-standings-module> 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
<afc-east-standings-module></afc-east-standings-module> 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
<afc-south-standings-module></afc-south-standings-module> 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
<afc-west-standings-module></afc-west-standings-module> 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
<nfc-north-standings-module></nfc-north-standings-module> 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
<nfc-east-standings-module></nfc-east-standings-module> 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
<nfc-south-standings-module></nfc-south-standings-module> 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
<nfc-west-standings-module></nfc-west-standings-module> 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
<passing-leaders-module></passing-leaders-module> 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
<rushing-leaders-module></rushing-leaders-module> 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
<receiving-leaders-module></receiving-leaders-module> 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
<sack-leaders-module></sack-leaders-module> 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
<int-leaders-module></int-leaders-module> 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
<tackle-leaders-module></tackle-leaders-module> 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
<afc-playoffs-module></afc-playoffs-module> 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
<nfc-playoffs-module></nfc-playoffs-module> 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