skip navigation

Site Guide

This is your Site Guide

Do not delete this page. 

This is where you will find helpful tips to editing your site content, best practices, and links to Sport Ngin resources. This is your Cheat Sheet.

 

Text Styles

NORMAL
Use this for all text body copy.

Heading 2

This should be used for subtitles within the page body text. The text block area designated for 'subtitles' automatically underlines, so avoid using those outside of the top of a page. 

Heading 3

Heading 4

Heading 5

These are intended for delineating subsections of page content. Each section should be titled with an <h2> and sub points with an <h3>, sub points under that subsection with an <h4> and so on.

Custom Call-to-Actions

Standard Callout

PDL 101

Expansion Opportunities

Custom Class: N/A

Select the "Call to Action" element in Site Builder. The title entered will display on top inside a red box. Any sub-titles entered will appear a larger white text and can link out to other pages. Lastly, add a photo to display as a background. 

Alternative Callout

MLS Draft News

Custom Class: "altCta"

Select the "Call to Action" element in Site Builder. Add the above class to the element in edit mode. The title entered will display to the bottom left of the element in large white text. Lastly, add a photo to display as a background. 

Text Block Callout

Header Text Here

 

Create a Link 

Custom Class: "customCta"

Select the "Text Block Element" element in Site Builder. Add the above class to the element in edit mode. The title entered will display below the image uploaded. The image will display centered within a circle. Lastly, add a link that will be auto styled and site near the bottom of the element.

Custom Aggregators

Highlight & Link Aggregator

Top Performance

Custom Class: "customAgg"

Select the "News Aggregator" element in Site Builder. Add the above class to the element in edit mode. Set the element to display only 1 condensed new article. The image associated with the article will fill the entire element background. The title added to this element will appear above article header in small red box. The news article title wall display over the image in large white text. 

Latest News

Eagles standout selected No. 45 overall by the Colorado Rapids

2017 MLS Draftees Reflect on 'Beneficial' PDL Experience

01/16/2017, 3:00pm EST
By AARON CRANFORD - aaron.cranford@uslsoccer.com

Fusion talent Danladi and more praise the PDL for being a strong development platform

Spotlight Aggregator

Custom Class: "spotlight"

Select the "News Aggregator" element in Site Builder. Add the above class to the element in edit mode. Set the element to display expanded news articles. The image associated with the article will display to the left of the article title. The background of the spotlight aggregator will be red. All text will be white. 

Social Media

Stay Connected

Connect with the PDL

facebook twitter youtube
 

Keep up with your favorite
players and teams!

Custom Class: "stayConnected"

Select the "Text Block" element in Site Builder. Add the above class to the element in edit mode. Enter a title to display at the top in larger white text. The add the social media links that you wan to display. Lastly, add any text that you wish to display below the linked icons.

Connect Icons

Custom Class: "beSocial"

Select the "Text Block" element in Site Builder. Add the above class to the element in edit mode. Add the social media links that you want to display. Your site is currently able to display the Facebook, Twitter, Instagram, Youtube, and Vimeo. Make sure one of those words is in the URL for icon to apply.

MLS NEWS MEDIA SLIDER

PDL Standings Leaders

Use the Custom CSS Class "trimStandings" and apply to the specific widget element, or tab element you'd like to apply the trim standings to. 

Home Page Bottom Content Container

The layout container must contain the custom css class updates.

Elements hosted here are the twitter feed + the tab element with video embeds and a news aggregator. 

The news aggregator should be set to display three expanded news articles.

EXAMPLE BELOW