Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML Build a Blog with Jekyll and GitHub Pages Building and Customizing the Blog Creating Pages

Hannah Gaskins
Hannah Gaskins
14,572 Points
Posted by Hannah Gaskins
Hannah Gaskins
14,572 Points

Styles Not applied to newly created pages

After creating new pages, and page directories for the contact.md and resources.md pages, the styles did not carry over at all.

did I miss something here?

Thanks :)!

2 Answers

david strayer
david strayer
2,712 Points
david strayer
david strayer
2,712 Points

what does your code look like?

Hannah Gaskins
Hannah Gaskins
14,572 Points
Hannah Gaskins
Hannah Gaskins
14,572 Points

Hey David,

The course is about building a blog with Jekyll. There are a lot of sheets (HTML, markdown, and SASS). There are also a number of directory files.

I will attach my index.html file for the site, as that may be the issue but I am not entirely sure. Here is is:

<!DOCTYPE html> <html>

<head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1">

<title>MichaelsGreenThumb - A blog about the plants</title> <meta name="description" content="A blog about my favorite plants and my love for them.">

<link rel="stylesheet" href="/css/main.css"> <link rel="canonical" href="http://lovelyplants.me/"> <link rel="alternate" type="application/rss+xml" title="MichaelsGreenThumb - A blog about the plants" href="http://lovelyplants.me/feed.xml" /> </head>

<body> <div class="wrapper"> <! -- Capture and store a URL -->

<header class="main-header" role="banner"> <div class="grid"> <div class="grid__col--12"> <a class="site-logo" href="/" title="Webconfs.me ā€“ Home"> MichaelsGreenThumb </a> <nav class="navbar" role="navigation"> <ul class="nav">

        <!-- Compare the page title to the uRL -->



        <li  class="nav_item" >
         <a href="/about/">About</a>
        </li>



        <!-- Compare the page title to the uRL -->



        <li  class="nav_item" >
         <a href="/contact/">Contact</a>
        </li>



        <!-- Compare the page title to the uRL -->





        <!-- Compare the page title to the uRL -->





        <!-- Compare the page title to the uRL -->





        <!-- Compare the page title to the uRL -->



        <li  class="nav_item" >
         <a href="/resources/">Resources</a>
        </li>



    </ul>
  </nav>
</div>

</div> </header>

      <div class="hero is-hidden-mobile"></div>

<div class="grid"> <div class="grid__col--12"> <ul class="post">

    <li class="post__item">
      <a class="post__title" href="/secondpost">Second Post</a>
      <div class="post__meta">
        <b class="post__author">Hannah Gaskins</b>
        <b class="post__sep">ā€¢</b>
        <b class="post__date">Jun 8, 2015</b>
      </div>

        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sed sapien quam. Sed dapibus est id enim facilisis, at posuere turpis adipiscing. Quisque sit amet dui dui.

Duis rhoncus velit nec est condimentum feugiat. Donec aliquam augue nec gravida lobortis. Nunc arcu mi, pretium quis dolor id, iaculis euismod ligula. Donec tincidunt gravida lacus eget lacinia. Cras et dui mollis, tempus velit placerat, sodales tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque et venenatis sapien. Maecenas sem diam, lacinia in ipsum et, fermentum rutrum lacus. Nulla facilisis, arcu ac facilisis tincidunt, tortor est congue ligula, eu adipiscing quam ligula ut purus. Suspendisse at gravida dolor. Vestibulum eget odio in massa luctus imperdiet. Donec consequat orci a diam pellentesque mollis.</p>

      <a class="btn--default" href="/secondpost">Read more</a>
    </li>

    <li class="post__item">
      <a class="post__title" href="/first-post">First Post</a>
      <div class="post__meta">
        <b class="post__author">Michael</b>
        <b class="post__sep">ā€¢</b>
        <b class="post__date">Jun 7, 2015</b>
      </div>

        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sed sapien quam. Sed dapibus est id enim facilisis, at posuere turpis adipiscing. Quisque sit amet dui dui.</p>



      <a class="btn--default" href="/first-post">Read more</a>
    </li>

</ul>

</div> </div>

        <div class="push"></div>
    </div>

    <footer class="panel--centered" role="contentinfo">

<div class="grid"> <div class="centered grid__col--6"> <img class="img--avatar" src="https://pbs.twimg.com/profile_images/578368788535455744/WhLtbEaB.jpeg"> <p>A blog about my favorite plants and my love for them. <br> Follow <a href="https://twitter.com/hannahgaskins">@hannahgaskins</a> or subscribe <a href="/feed.xml">via RSS</a> </p> </div> </div> </footer>

</body>

</html>