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

CSS

Posted by Patti Nearing
Patti Nearing
696 Points

Style the Portfolio

Still looking for an answer to previous question. HTML and main.css coding included in last question

8 Answers

Damon Johnson
Damon Johnson
Courses Plus Student 2,775 Points

Hey Patti,

I have no idea why that wouldn't work on your browser! I have basically copied your code here http://codepen.io/anon/pen/xEsmf

And as you can see, the ul's have a light grey background!

If yours isn't showing, make sure you have saved the new code, and maybe perform a hard reload on your page, deleting your cache and cookies,

I hope someone else can maybe jump in and say if we're both missing something!

=)

Damon Johnson
PLUS
Damon Johnson
Courses Plus Student 2,775 Points
Damon Johnson
Damon Johnson
Courses Plus Student 2,775 Points

Hey Patti,

What is your question? If you can include your attempted code, that would be helpful

=)

Damon Johnson
PLUS
Damon Johnson
Courses Plus Student 2,775 Points
Damon Johnson
Damon Johnson
Courses Plus Student 2,775 Points

Hey Patti,

I can see your css H2 property is:

h2 {
  font-size: 0.75em;
  margin: -5px 0 0;
  font-weight: normal;
}

Can you post your HTML code so we can see why its not working?

=)

Patti Nearing
Patti Nearing
696 Points 
   <div id="wrapper">
    <section>
      <ul id="gallery">
        <li>       
        <a href="img/numbers-01.jpg">        
        <img src="img/numbers-01.jpg" alt="">
       <p>Experimentation with color and texture.</p>
       </a>
        </li>

      <li>    
        <a href="img/numbers-02.jpg">        
       <img src="img/numbers-02.jpg" alt="">

      <p>Playing with blending.</p>
    </a>
    </li>

    <li>     
    <a href="img/numbers-06.jpg">        
   <img src="img/numbers-06.jpg" alt="">
      <p>Trying 80's glow.</p>
      </a>
    </li>

    <li>
    <a href="img/numbers-09.jpg">        
   <img src="img/numbers-09.jpg" alt="">
      <p>playing with drips.</p>
      </a>
    </li>

    <li>       
   <a href="img/numbers-12.jpg">        
   <img src="img/numbers-12.jpg" alt=""> 
     <p>.</p>
      </a>         
  </li> 
  </ul>
</section>
 <footer>
  <a href="http://facebook.com/patti nearing">
  <img src="img/facebook-wrap.png" alt="facebook logo"></a>  

    <p>&copy; 2014 Patti Nearing.</p>
  </footer>
 </div>      
</body>

</html> </li> </ul> </section>

Patti Nearing
Patti Nearing
696 Points
Patti Nearing
Patti Nearing
696 Points

Finally, three attempts but now the HTML is here for you to see !!

Damon Johnson
PLUS
Damon Johnson
Courses Plus Student 2,775 Points
Damon Johnson
Damon Johnson
Courses Plus Student 2,775 Points

Hey Patty, your initial response has disappeared!

What was your question again? I seem to remember it been about the h2 heading didn't change according to your .css property?

If that's right, Its because your HTML code doesn't contain any h2 elements. Try adding the following and it should adhere to your css properties:

<h2>This is a test level two header </h2>

Hope that's helped you out

=)

Patti Nearing
Patti Nearing
696 Points
Patti Nearing
Patti Nearing
696 Points

Damon, In the video for "STYLE ..... "
We added an id for a wrapper in the div then in main.css -- we added instructions under the Page/Portfolio heading to change color to light grey. Mine did not work, why ??? It is the very last item on my sheet of code -- posted here

/******************** GENERAL *********************/ body { font-family: 'Open Sans', sans-serif; }

wrapper {

max-width: 940px; margin: 0 auto; padding: 0 5%; }

a { text-decoration: none; } img { max-width: 100%; } /******************** HEADING *********************/

header { float: left; margin: 0 0 30px 0; padding: 5px 0 0 0; width: 100%; }

logo {

text-align: center; margin: 0; }

h1 { font-family: 'Changa One', sans-serif; margin: 15px 0; font-size: 1.75em; font-weight: normal; line-height: 0.8em; }

h2 { font-size: 0.75em; margin: -5px 0 0; font-weight: normal; }

/********************
NAVIGATION
*********************/
nav { 
  text-align: center;
  padding: 10px 0;
  margin: 20px 0 0;
}

nav ul {
  list-style: none;
  margin: 0 10px;
  padding: 0;
  }

nav li {
  display: inline-block
}  

/********************
FOOTER
*********************/
footer {
  font-size: 0.75em;
  text-align: center; 
  padding-top: 50px;
  color: #ccc;
}

/********************
PAGE: PORTFOLIO
*********************/

#gallery {
  margin: 0;
  padding: 0;
  list-style: none;
}

#gallery li {
  float: left;
  width: 45%;
  margin: 2.5%;
  background-color: #f5f5f5;
  color: #bdc3c7;
}
Patti Nearing
Patti Nearing
696 Points
Patti Nearing
Patti Nearing
696 Points

Damon,

Thanks for all your help, at this time !!! :)

Damon Johnson
Damon Johnson
Courses Plus Student 2,775 Points

No problems Patti,

Hope you get it sorted

=)

Patti Nearing
Patti Nearing
696 Points
Patti Nearing
Patti Nearing
696 Points

Thanks !!