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 Mohammed Jammeh
Mohammed Jammeh
37,463 Points

Having Trouble with Fonts and Color of my Website (Styling Content)

Hi everyone,

I'm doing web design but I'm stock on changing the font and color of my website. I used Dreamweaver to create the website. However, the style (font and color) of the website doesn't change even though I did the coding of font and color in CSS. Any help please?

Thanks.

5 Answers

James Barnett
James Barnett
39,199 Points

This <link rel="stylesheet" href="http://treehouse-code-samples.s3.amazonaws.com/WWIsland1/stage3/css/style.css" type="text/css" media="screen">

Shouldn't point to a file on treehouse instead it should point to a file on your computer. The one you made. Check out this tutorial on file paths

justinw
justinw
14,517 Points
justinw
justinw
14,517 Points

Could you provide the CSS snippet for the fonts & colors or provide a link? We can tell you exactly where you need to go to make the change from there.

Mohammed Jammeh
Mohammed Jammeh
37,463 Points
Mohammed Jammeh
Mohammed Jammeh
37,463 Points

body { font-family: 'Nunito', sans-serif; color: #FAF3BC; background: #420600 url('http://treehouse-code-samples.s3.amazonaws.com/WWIsland1/stage4/img/bg-texture.jpg') repeat; }

Mohammed Jammeh
Mohammed Jammeh
37,463 Points
Mohammed Jammeh
Mohammed Jammeh
37,463 Points

I also saved saved the CSS and HTML document in the same folder but still can't figure out what the problem is.

Codie Mullins
Codie Mullins
2,814 Points
Codie Mullins
Codie Mullins
2,814 Points

Hi Mohammed,

Can you post the HTML document here? Or at least the portion between the opening and closing <head> tags? Make sure to read the Markdown Cheatsheet (see below the reply box) on how to post code to the forums or this code between the <head> tags won't appear in your response.

Also, what is the name of the CSS file?

Mohammed Jammeh
Mohammed Jammeh
37,463 Points 
<head>
  <meta htttp-equiv="content-type" content="text/html; charse=utf-8"/>
  <title>Smells Like Bakin' Cupcake Company</title>
  <link rel="stylesheet" href="http://treehouse-code-samples.s3.amazonaws.com/WWIsland1/stage3/css/normalize.css" type="text/css" media="screen">
  <link rel="stylesheet" href="http://treehouse-code-samples.s3.amazonaws.com/WWIsland1/stage3/css/grid.css" type="text/css" media="screen">
  <link href='http://fonts.googleapis.com/css?family=Nunito' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="http://treehouse-code-samples.s3.amazonaws.com/WWIsland1/stage3/css/style.css" type="text/css" media="screen">
<head>
James Barnett
James Barnett
39,199 Points

Mohammed Jammeh -

I noticed 2 things ...

  • You didn't close your <head> tag correctly.
  • You linked to the style.css file on the Treehouse server not the one you edited on your local computer
Mohammed Jammeh
Mohammed Jammeh
37,463 Points

Oh yhh, I get the first point. However, what do you mean by the second one and what do I have to do?

James Barnett
James Barnett
39,199 Points

This <link rel="stylesheet" href="http://treehouse-code-samples.s3.amazonaws.com/WWIsland1/stage3/css/style.css" type="text/css" media="screen">

Shouldn't point to a file on treehouse instead it should point to a file on your computer. The one you made. Check out this tutorial on file paths

Mohammed Jammeh
Mohammed Jammeh
37,463 Points

Alright! Thanks a lot. I will change it..