skip navigation

Site Guide

This is your Site Guide

Use this page as a reference when editing your site. Some elements may need need special actions or applications to appear correctly. This is your cheat sheet.

Team Page Header

Graphics should be 2000x150. 

Update through the Admin Control Panel > Website Settings> Theme Settings > Banner

Top Bar Navigation

These links can be edited through your Assets page.

NeuLion Video Playlist

The iframe provided by NeuLion needs to be wrapped in the following div for styling.

<div class="video-container">
<iframe class="lionVideo" style="border: none; overflow: hidden;" src="http://nmnathletics.com/mediaPortal/widget/affiliate.dbml?db_oem_id=90660&amp;pid=103912&amp;" width="100%" height="703" scrolling="no" frameborder="0"></iframe>
</div>

Tagboard Header

Add the custom class hashtag to the text block to pull in the logo.

Call to Action Buttons

Graphics have been designed at 415 x 225 to match height of NeuLion video playlist. 

Custom class altCta

Scrolling Sponsor Bar

Add the custom class sponsorBar to the Layout Container hosting your sponsor logos.

Logos should be 1:1 aspect ratio. 250 x 250 

Footer Information

Links and logos can be updated on the Assets page.

Footer Team Logos

These can be updated on the Team Menu page beneath Assets.

Players of Week Module

Create your text block and add the custom class player.

Within the text block, add the following:

  • Title of module in H3 copy
  • Player name and college name in Normal copy
  • College logo (using image embed in your text block tool menu)
  • Summary of player actions in Normal copy
  • Games, goals, assist, and rating table (using table builder within the text block tool menu)

Attach an image to your text block.

  • Images should be 2:3 aspect ratio
  • Image size should be set to Original
  • Image Alignment should be Left

Add image link and enter in the roster profile URL

Team Menu

Update and edit your team logos from the Team Menu page.


Frozen Faceoff

The Frozen Faceoff page needs to have a page ID of "frozenFaceoff" for the header to display properly.

DESKTOP Classes

Create a layout container and add the class "ffHeaderBg" to it. Then add the header background image in that container using a single photo element.

Then, create a second layout conatiner (3-column) below the first and add the class of "userModeHide" to it. Then add the following elements and classes inside of it: 

"eventLogo" - Add this class to a single photo element that conatins the event logo. Will display large and to the left.

"schedule-one" - Add this class to a text block element that you wat to display your first scheduled event in. Will display center-left.

"schedule-two" - Add this class to a text block element that you wat to display your second scheduled event in. Will display center-right.

"eventTickets" - Add this class to a text block element that conatins a link. It will style it red and with a ticket icon. Will display bottom-center.

"eventSponsor" - Add this class to a single photo element that contains a sponsor logo. Will display bottom-right.

MOBILE Classes

Create a layout container and add the class "ffMobileHeader" to it. Then add the header background image for mobile in that container using a single photo element.

"mobile-ff-image" - Add this class to the single photo element within the ffMobileHeader container containing the mobile header background. 

"mobileQuarterFinals" - Add to text block containing your first scheduled event for mobile view.

"mobileFrozenFaceoff" - Add to text block containing your second scheduled event for mobile view.

"mobileTickets" - Add to text block containing your link for tickets in mobile.