Display

Header 1

Body text to show spacing for titles in content.

Header 2

Body text to show spacing for titles in content.

Header 3

Body text to show spacing for titles in content.

Header 4

Body text to show spacing for titles in content.

Header 5

Body text to show spacing for titles in content.

Header 6

Body text to show spacing for titles in content.

Large paragraph style that can be used when you want your text to be BIGGER. It's also used in some callouts.

Body text style with a link, italics, and bold for viewing purposes.

  • standard content list style.
  • standard content list style.
  • standard content list style.
Subtitle Callout Kicker

844-942-4081

Nav Link

Sec Nav Link

Ftr Nav Link

Quote

Author Name

Like BG
Unlike BG
Alt BG
Mainstage
Upper Sub Title Title Sub Title

This is the description text

Callout
StyleGuideCallout Title SubTitle Description Default,Completed
Phone
Call or Text Us Now! (844) 942-4081
Content Headers

Header 1 Style

Header 2 Style

Paragraph text

MISC Titles Subtitle Callout

Nav Link

Quote

Author Name

  • Small
  • Small
  • Small
  • Normal
  • Normal
  • Normal
  • Large
  • Large
  • Large
Like BG Title 1 Title 2 Title 3 Title 4 Title 5 Title 6
Unlike BG Title 1 Title 2 Title 3 Title 4 Title 5 Title 6
Alt BG Title 1 Title 2 Title 3 Title 4 Title 5 Title 6
Theme Settings
Color Adjustment
      Generate
      Font Calc
      Calculate

      Auto Generated ATF CSS

      Pre-Run Steps:

      • Make sure the list below only has the main templates in use on the site. If there are additional links, hide them in the page manager. 
      • The home page link should  be first in order to get the CSS for the subs separated out properly.
      • Make sure your HTML layout has colors.css, buttons.css, font-declarations.css & make.css as p-place="embed".
      • Make sure to run in PREVIEW MODE!!!

      Post-Run Steps:

      • Pass it through a CSS formatter to clean up spacing (Optional, but advisable).
      • Separate Mainstage CSS out into a home page specific CSS (Optional, but advisable).
      • Add a separate layout for the subs, if you don't already have one, and add the subs specific CSS just to that layout.
      • Remove transition CSS.
      • Remove unnecessary flyout and mobile menu CSS.
      • If you have an overlapping header, you'll need to add a default padding in for different screen sizes.

      Pages to Check

      Generate ATF CSS

      General & Home ATF CSS

      Copy

      Subs ATF CSS

      Copy
      • This is two-column bullet list.
      • This is two-column bullet list.
      • This is two-column bullet list.
      • This is two-column bullet list.

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean finibus, justo et faucibus consequat, urna enim feugiat augue, nec

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean finibus, justo et faucibus consequat, urna enim feugiat augue, nec

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean finibus, justo et faucibus consequat, urna enim feugiat augue, nec lacinia dui leo vitae sem.

      • This is two-column bullet list.
      • This is two-column bullet list.
      • This is two-column bullet list.
      • This is two-column bullet list.

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean finibus, justo et faucibus consequat, urna enim feugiat augue, nec

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean finibus, justo et faucibus consequat, urna enim feugiat augue, nec

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean finibus, justo et faucibus consequat, urna enim feugiat augue, nec lacinia dui leo vitae sem.

      Button Color