GoJoe Patrol GoJoe Patrol 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.
Callout Kicker Item Title Text Item Note Text
  • Tag #1
  • Tag #2

855-753-9663

Primary Nav Link

Secondary Nav Link

Quote
Author Name
Mainstage
Title Sub Title

This is the description text

Callout
Title SubTitle

Description

Phone
Call or Text Us Now! (855) 753-9663
Content Headers

Header 1 Style

Header 2 Style

Paragraph text

MISC Titles 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

This is paragraph text

This is a Link
  • standard content list style.
  • standard content list style.
  • standard content list style.
Unlike BG Title 1 Title 2 Title 3 Title 4 Title 5 Title 6

This is paragraph text

This is a Link
  • standard content list style.
  • standard content list style.
  • standard content list style.
Inner Alt BG Title 1 Title 2 Title 3 Title 4 Title 5 Title 6

This is paragraph text

This is a Link
  • standard content list style.
  • standard content list style.
  • standard content list style.
Like BG
  • Tag #1
  • Tag #2
Item Title Item Note

This is paragraph text

Unlike BG
  • Tag #1
  • Tag #2
Item Title Item Note

This is paragraph text

Alt BG
  • Tag #1
  • Tag #2
Item Title Item Note

This is paragraph text

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.
              Generate ATF CSS

              General & Home ATF CSS

              Copy

              Subs ATF CSS

              Copy