<p>If I've deciphered what you're asking correctly, I think the solution you need is to set the single to use your about/index template, not the about/_layout-about template.</p>

CC BY-SA 3.0
2014-12-28T21:22:08.960Z
2014-12-28T21:22:08.960Z
Steve Abraham
<p>I created a single page called About, (<a href="http://sandbox.fusepointe.com/hcnew/about" rel="nofollow">http://sandbox.fusepointe.com/hcnew/about</a>).</p>

<p>My template directory file structure looks like this:</p>

<pre><code>craft
 | templates
     | about
         | _layout-about.html
         | index.html
</code></pre>

<p>I setup the single page in Craft, and set it to use the /about/_layout-about template - but I can't seem to get it to connect with the actual index.html page for the about single. If you visit the URL above, it says I haven't set my <code>{% block content %}</code> yet, but I have... </p>

<p>Template code for <strong>_layout-about.html:</strong></p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;meta name="description" content=""&gt;
    &lt;meta name="author" content=""&gt;
    &lt;link rel="icon" href="{{ siteUrl }}/assets/img/favicon.ico"&gt;

    &lt;title&gt;{% if title is defined %}{{ title }} - {% endif %}{{ siteName }}&lt;/title&gt;

    &lt;!-- Bootstrap core CSS --&gt;
    &lt;link href="{{ siteUrl }}/assets/css/bootstrap.css" rel="stylesheet"&gt;

    &lt;!-- Custom styles for this template --&gt;
    &lt;link href="{{ siteUrl }}/assets/css/ionicons.min.css" rel="stylesheet"&gt;
    &lt;link href="{{ siteUrl }}/assets/css/style.css" rel="stylesheet"&gt;

    &lt;!-- IE10 viewport hack for Surface/desktop Windows 8 bug --&gt;
    &lt;script src="{{ siteUrl }}/assets/js/ie10-viewport-bug-workaround.js"&gt;&lt;/script&gt;

    &lt;!-- TypeKit Fonts --&gt;
    &lt;script src="//use.typekit.net/bke8zyg.js"&gt;&lt;/script&gt;
    &lt;script&gt;try{Typekit.load();}catch(e){}&lt;/script&gt;

    &lt;!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
    &lt;!--[if lt IE 9]&gt;
      &lt;script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"&gt;&lt;/script&gt;
    &lt;![endif]--&gt;

  &lt;/head&gt;

  &lt;body&gt;
    &lt;div id="h2"&gt;
      &lt;div class="logo"&gt;
        &lt;a href="{{ siteUrl }}"&gt;&lt;h2 style="text-transform:uppercase;"&gt;{{ siteName }}&lt;/h2&gt;&lt;/a&gt;
        &lt;div class="horizontal-nav" style="display: inline;"&gt;
          &lt;a href="blog"&gt;&lt;h4&gt;Blog&lt;/h4&gt;&lt;/a&gt;
        &lt;a href="work"&gt;&lt;h4&gt;Portfolio&lt;/h4&gt;&lt;/a&gt;
         &lt;a href="about"&gt;&lt;h4&gt;About&lt;/h4&gt;&lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;&lt;!--/logo--&gt;
  &lt;/div&gt; &lt;!--/H--&gt;
      &lt;main id="content" role="main"&gt;
      {% block content %}
        &lt;p&gt;This is the _layout-about.html page... If you see me, you haven’t set your &lt;code&gt;{% verbatim %}{% block content %}…{% endblock %}{% endverbatim %}&lt;/code&gt; yet.&lt;/p&gt;
        &lt;p&gt;See Twig’s &lt;a href="http://twig.sensiolabs.org/doc/templates.html#template-inheritance"&gt;Template Inheritance&lt;/a&gt; documentation for an explanation.&lt;/p&gt;
      {% endblock %}
    &lt;/main&gt;

    &lt;div id="f"&gt;
      &lt;div class="container"&gt;
        &lt;div class="row centered"&gt;
          &lt;div class="col-md-8 col-md-offset-2"&gt;
            &lt;a href="http://twitter.com/harriscauler"&gt;&lt;i class="ion-social-twitter"&gt;&lt;/i&gt;&lt;/a&gt;
            &lt;a href="http://instagram.com/harrisedmunds"&gt;&lt;i class="ion-social-instagram"&gt;&lt;/i&gt;&lt;/a&gt;
            &lt;a href="http://facebook.com/harriscaulerphotography"&gt;&lt;i class="ion-social-facebook"&gt;&lt;/i&gt;&lt;/a&gt;
          &lt;/div&gt;&lt;!--/col-md-8--&gt;
        &lt;/div&gt;
      &lt;/div&gt;&lt;!--/container--&gt;
    &lt;/div&gt;&lt;!--/.F--&gt;

    &lt;!-- Bootstrap core JavaScript
    ================================================== --&gt;
    &lt;!-- Placed at the end of the document so the pages load faster --&gt;
    &lt;script src="{{ siteUrl }}/assets/js/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="{{ siteUrl }}/assets/js/bootstrap.min.js"&gt;&lt;/script&gt;
    &lt;script src="{{ siteUrl }}/assets/js/retina-1.1.0.js"&gt;&lt;/script&gt;
    &lt;script src="{{ siteUrl }}/assets/js/custom.js"&gt;&lt;/script&gt;

  &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Template code for <strong>index.html:</strong></p>

<pre><code>{% extends "about/_layout-about" %}
{% block content %}

      &lt;div id="meta" style="padding-top: 40px; padding-bottom: 40px;"&gt;
      &lt;div class="container"&gt;
        &lt;div class="row centered"&gt;
          &lt;h1&gt;AT A GLANCE&lt;/h1&gt;
          &lt;div class="row"&gt;
            &lt;div class="col-md-4"&gt;
              &lt;h3&gt;FULL NAME&lt;/h3&gt;
              &lt;p&gt;Harris Edmunds Cauler&lt;/p&gt;
            &lt;/div&gt;
            &lt;div class="col-md-4"&gt;
              &lt;h3&gt;RESIDENCE&lt;/h3&gt;
              &lt;p&gt;Moorestown, NJ&lt;/p&gt;
            &lt;/div&gt;
            &lt;div class="col-md-4"&gt;
              &lt;h3&gt;HOBBIES&lt;/h3&gt;
              &lt;p&gt;Singing, Photography, Web Development, Community Service&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;&lt;!--/row--&gt;
      &lt;/div&gt;&lt;!--/.container--&gt;
    &lt;/div&gt;&lt;!--/.meta--&gt;

    &lt;div class="container ptb"&gt;
      &lt;div class="row"&gt;
        &lt;div class="col-md-10 col-md-offset-1 post-list"&gt;
          &lt;div class="row centered"&gt;
            &lt;h1&gt;ABOUT ME&lt;/h1&gt;
            &lt;p&gt;I'm a senior graduating in May currently interning at the U.S. Department of Education in Washington, D.C. I'm looking to connect with organizations and individuals in the D.C. Metro Area and hope to return post-graduation in May to work in D.C. full-time in a technology-related or project management position.&lt;/p&gt;
            &lt;a class="btn btn-default" href="about" role="button"&gt;Learn More&lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;&lt;!--/col-md-4--&gt;
      &lt;/div&gt;&lt;!--/row--&gt;
    &lt;/div&gt;&lt;!-- /.container --&gt;

    &lt;div id="meta" style="padding-top: 40px; padding-bottom: 40px;"&gt;
      &lt;div class="container"&gt;
        &lt;div class="row centered"&gt;
          &lt;div class="col-md-6"&gt;
          &lt;h2&gt;FROM THE BLOG&lt;/h2&gt;
            {% for post in entry.featuredBlogPost %}
              &lt;a href="{{ post.url }}"&gt;
                {% for image in post.featuredImage %}
                &lt;img src="{{ image.getUrl('postGridThumb') }}" style="margin-left: auto; margin-right: auto;" class="img-responsive"&gt;&lt;/a&gt;
                {% endfor %}
              &lt;a href="{{ post.url }}"&gt;&lt;h3&gt;{{ post.title }}&lt;/h3&gt;&lt;/a&gt;
            {% endfor %}
            &lt;a class="btn btn-default" href="blog" role="button"&gt;All Posts&lt;/a&gt;
            &lt;/div&gt;&lt;!--/col-md-6--&gt;
          &lt;div class="col-md-6"&gt;
          &lt;h2&gt;RECENT WORK&lt;/h2&gt;
            {% for post in entry.featuredPortfolioWork %}
              &lt;a href="{{ post.url }}"&gt;
                {% for image in post.featuredImage %}
                &lt;img src="{{ image.getUrl('postGridThumb') }}" class="img-responsive" style="margin-left: auto; margin-right: auto;"&gt;&lt;/a&gt;
                {% endfor %}
              &lt;a href="{{ post.url }}"&gt;&lt;h3&gt;{{ post.title }}&lt;/h3&gt;&lt;/a&gt;
            {% endfor %}
            &lt;a class="btn btn-default" href="work" role="button"&gt;All Work&lt;/a&gt;
            &lt;/div&gt;&lt;!--/col-md-6--&gt;
          &lt;/div&gt;
        &lt;/div&gt;&lt;!--/col-md-4--&gt;
        &lt;/div&gt;&lt;!--/meta--&gt;

{% endblock %}
</code></pre>

<templating><singles>
How to properly setup single page templates
# How to properly setup single page templates

(Asked by: username_0 on 2014-12-28)

I created a single page called About, (http://sandbox.fusepointe.com/hcnew/about).
My template directory file structure looks like this:
craft
 | templates
     | about
         | _layout-about.html
         | index.html

I setup the single page in Craft, and set it to use the /about/_layout-about template - but I can't seem to get it to connect with the actual index.html page for the about single. If you visit the URL above, it says I haven't set my {% block content %} yet, but I have... 
Template code for _layout-about.html:


  
    
    
    
    
    
    

    {% if title is defined %}{{ title }} - {% endif %}{{ siteName }}

    
    

    
    
    

    
    

    
    
    

    
    

  

  
    
      
        {{ siteName }}
        
          Blog
        Portfolio
         About
      
    
   
      
      {% block content %}
        This is the _layout-about.html page... If you see me, you haven’t set your {% verbatim %}{% block content %}…{% endblock %}{% endverbatim %} yet.
        See Twig’s Template Inheritance documentation for an explanation.
      {% endblock %}
    

    
      
        
          
            
            
            
          
        
      
    

    
    
    
    
    
    

  


Template code for index.html:
{% extends "about/_layout-about" %}
{% block content %}

      
      
        
          AT A GLANCE
          
            
              FULL NAME
              Harris Edmunds Cauler
            
            
              RESIDENCE
              Moorestown, NJ
            
            
              HOBBIES
              Singing, Photography, Web Development, Community Service
            
          
        
      
    

    
      
        
          
            ABOUT ME
            I'm a senior graduating in May currently interning at the U.S. Department of Education in Washington, D.C. I'm looking to connect with organizations and individuals in the D.C. Metro Area and hope to return post-graduation in May to work in D.C. full-time in a technology-related or project management position.
            Learn More
          
        
      
    

    
      
        
          
          FROM THE BLOG
            {% for post in entry.featuredBlogPost %}
              
                {% for image in post.featuredImage %}
                
                {% endfor %}
              {{ post.title }}
            {% endfor %}
            All Posts
            
          
          RECENT WORK
            {% for post in entry.featuredPortfolioWork %}
              
                {% for image in post.featuredImage %}
                
                {% endfor %}
              {{ post.title }}
            {% endfor %}
            All Work
            
          
        
        

{% endblock %}

**Tags:** templating, singles

---

## 1 answers

### Answer by username_1 on 2014-12-28. Score: 5 | Accepted answer

If I've deciphered what you're asking correctly, I think the solution you need is to set the single to use your about/index template, not the about/\_layout-about template.


---

