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.
Graphics should be 2000x150.
Update through the Admin Control Panel > Website Settings> Theme Settings > Banner
These links can be edited through your Assets page.
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&pid=103912&" width="100%" height="703" scrolling="no" frameborder="0"></iframe>
</div>
Add the custom class hashtag to the text block to pull in the logo.
Graphics have been designed at 415 x 225 to match height of NeuLion video playlist.
Custom class altCta
Add the custom class sponsorBar to the Layout Container hosting your sponsor logos.
Logos should be 1:1 aspect ratio. 250 x 250
Create your text block and add the custom class player.
Within the text block, add the following:
Attach an image to your text block.
Add image link and enter in the roster profile URL
Update and edit your team logos from the Team Menu page.
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.