skip navigation

Site Guide

Site Guide

The Clutch Players site has special classes attached to certain custom elements. The following info should help you understand how this works.

Custom CSS Class Field

Custom CSS Class Field

In Edit Mode each page, element, and layout container has a "custom css" field for you to enter a class. It looks like this:

Styled Player Profile

"playerProfile" 

Add this class to the 'Registration Report: Player Profiles' page element to create a styled player profile.

"playerProfilePage"

Add this to the CSS field for the player profile page's details to ensure proper spacing of the elements on the page.

"playerProfile" 

Add this class to the 'Registration Report: Player Profiles' page element to create a styled player profile.

"playerHighlights"

Use this class to style the buttons on the tab element on the player profile page. This is visible in the left column on the player profile example page.

"playerData"

This class applies to the "Player Data" text block, seen in the right column on the player profile example page.

Note: You may use the <strong></strong> tags around words in the text block subtitle to add a bold style like the word "Data" in the example.

Home Page Callouts

Clinics Button

"calloutClinics"

Add this to a link element to use the "Clinics" button style background.

Clinics Button

"calloutTeams"

Add this to a link element to use the "Teams" button style background.

Clinics Button

"calloutCamps"

Add this to a link element to use the "Camps" button style background.

Clinics Button

"callout1"

Add this to a link element to use the dark, textured button style background.

Clinics Button

"callout2"

Add this to a link element to use the blue button style background.