<?php
/* ------------------------------------------------------------------------ *
 * Seja Framework Version 3.0
 *
 * 4.4 - Theme Help - Scroll Page
 * ------------------------------------------------------------------------ */
 
  function seja_scrollpage_content_callback($args) { 
    ?>
    
    <p>Single scroll or one-page layouts are popular for smaller sites and mobile sites and are easy to create within the Seja Framework.</p>
    <p>To create one, simply create a new page using the 'Scroll Page' template. This will act as a wrapper for the sub content blocks that will be created afterwards.</p>
    <p>You do not need to add any content to this page.</p>
    <h3>Parent Page Settings</h3>
    <p><img src="<?php bloginfo( 'template_url' ); ?>/images/help/page-attributes-template.jpg" width="340" height="334"></p>
    <p>Create the individual content blocks by creating new pages, and make them children of the parent scroll page.</p>
    <p>In the example, our parent page is called 'Scroll Page Example'</p>
    <p>Select that page as the parent to include it within the scroll page wrapper</p>
    <p>You can control the order that the page blocks will be shown by giving the pages an order. Lower numbers will appear at the top of the page, so in this example '1' is our first block.</p>
    <h3>Child Page Settings</h3>
    <p><img src="<?php bloginfo( 'template_url' ); ?>/images/help/page-attributes-order.jpg" width="340" height="334"></p>
    <p>You can create any content on the sub-pages that you would normally do on a page, however for best effect we recommend small amounts of content for higher impact.</p>
   
  
   <?php
 }
 function seja_scrollpage_styles_callback($args) { 
 
?> 
<h3>Default styles</h3>
    <ul>
      <li><strong>.outer-wrapper</strong> <em>Fixed</em> 100% <em>(styles.css)</em></li>
      <li><strong>#scroll-page</strong> Not set (theme-style.css)</li>
      <li><strong>.scroll-block </strong><em>Not set </em>Use for styles that are called for every block (theme-style.css)</li>
      <li><strong>.scroll-block-1, .scroll-block-2, .scroll-block-3 etc.</strong> <em>Not set</em> Use for styling individual blocks (theme-style.css)</li>
      <li><strong>.inner-wrapper</strong> <em>Fixed</em> in theme settings (inline)<br>
      Note: you can override this by using <em>.scroll-page-wrapper .inner-wrapper{}</em> </li>
    </ul>
    <p>The ID for each block is the slug (ie. what would generally be used in the permalink)</p>
    <p>cavaets - block numbers are not related to the order number. If you change the order number and you have a style dedicated to that, set to a block number, it will not follow - can i fix this with a defined class, bc i can see it's going to be problematic.</p>
    <p>Adding to Menu</p>
    <p>This is still problematic. Is there a way to get div id's into the WordPress menu because currently, the only way to create a menu is to manually add them.</p>
    
<?php } ?>