Jl

JL Template

Local Template

Main Message

  • Main messages slides should be formatted as follows:

    <div title="Zero-Contact Junk Removal" class="main-content slide-1">
      <div class="row">
          <div class="columns main-txt large-6">
              <p>Zero-Contact Junk Removal.<br>Save 10%, mention code CURBSIDE10<span>Just leave your items at the curb!</span></p>
              <a class="cta-button" href="/book-now.html">BOOK NOW</a>
          </div>
      </div>
    </div>
  • Images for each slide should be made in 3 sizes and should be added to the Template CSS tab in the Main Message section. You will see a media query for each size:

    @media (min-width:1025px) {
      .slide-0 {
          background-image:url('https://cdn.treehouseinternetgroup.com/cms_images/1572/JL%20May9-10_edit%20(1).jpg');
      }
      .slide-1 {
          background-image:url('https://cdn.treehouseinternetgroup.com/cms_core/images/jl/mm-curbside-outside-v2.jpg') !important;
      }
       .slide-2 {
          background-image:url('https://a80427d48f9b9f165d8d-c913073b3759fb31d6b728a919676eab.ssl.cf1.rackcdn.com/images/junkluggers/jl-slide-2-couch.jpg') !important;
      }
      .slide-3 {
          background-image:url('https://cdn.treehouseinternetgroup.com/cms_images/1572/Junk%20Luggers%20Hamden%20House%205_edit%20(1).jpg') !important;
      }
    }

GTM/GA

General

  • Make sure to replace the supernav code with the tokens from the Nav Menus SuperNav tool
  • Try to avoid styles on pages
  • Please direct any copy changes to the Content Team
  • Please direct all template updates to John S
  • Check all module pages for style issues
  • Uses Core Token 3.7
    • All assets live on AWS
    • There is no jQuery UI