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

Edits aren't working

Hi.

Made some changes to the CSS code and tried to preview in my browser but it's not working. Text edits show but colour and images don't.

Hey Babatunde,

Let's have a look at your CSS code to further assess the situation.

3 Answers

I've sifted through your CSS code and can't find any errors.

From the sound of it, it might be a problem with the links. Have you renamed any files or folders? Did you move any files? Make sure your files are appropriately linked in your HTML code.

I renamed the image. Ok, thanks

Hey Anthony,

Thanks for taking the time. Please see below:

/***********************************************
Top bar color 
***********************************************/

html {
    border-top: 60px solid #4D7094;
  background-color:orange;
}



/***********************************************
Body styling 
***********************************************/

body {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px 20px;
    font-size: 2.0em;
    line-height: 1.6em;
  font-family: 'Open Sans', sans-serif;
    color: #700;
    font-weight: 300;
}



/***********************************************
Image styling 
***********************************************/

img {
    border-radius: 10%;
    max-width: 340px;
}



/***********************************************
Headline styling 
***********************************************/
h1 {
    font-size: 1.5em;
    line-height: .5em;
    color: #564581;
}

h2 {
    font-size: 1em;
    line-height: 1em;
    font-style: oblique;
    color: #aaa;

}

h3 {
    font-size: .875em;
    line-height: 1em;
    font-weight: normal;
}

h4 {
    margin-top: 60px;
    font-weight: 500;
  color: #564581;
}

I've formatted your post for better reading.

Thanks Jason...