Skip to main content

Page Structure

<html>
  <head>
  ...
  </head>
  <body class="SEE TABLE BELOW">

    <div class="ecp-header-wrapper">
      <header class="ecp-header" role="banner">
         HEADER CONTENT/TEMPLATE
      </header>
    </div>

    <div class="ecp-contentarea-wrapper">
      <div class="ecp-content-container">
        <div class="ecp-contentarea clear" role="document">

          <main class="ecp-primary" role="main" id="content">
            MAIN PAGE CONTENT
          </main>

          <div class="ecp-secondary ecp-widget-area" role="complementary">
            SIDEBAR CONTENT
          </div>

        </div>
      </div>
    </div>

    <div class="ecp-footer-wrapper">
      <footer class="ecp-footer">
        FOOTER CONTENT/TEMPLATE
      </footer>
    </div>
  </body>
</html>

<body> Classes

Class Description
level1 When viewing homepage
level2 When viewing any page other than the homepage
page When viewing a regular page
single-post When viewing a (blog) post
single-team When viewing a team post
single-location When viewing a location post
single-testimonial When viewing a testimonial post
ecp-sidebar-right When the sidebar position is set to the “Right”
ecp-sidebar-left When the sidebar position is set to the “Left”
ecp-sidebar-none When the sidebar position is set to “No sidebar”
ecp-theme-layout-boxed When page layout is set to “Boxed”
ecp-theme-layout-full When page layout is set to “Full Screen”
ecp-pagebuilder-disabled When the Page Builder is inactive for the page
fl-builder When the Page Builder is active for the page
logged-in When the visitor viewing the page is logged into the WordPress admin