Unit 2 Lesson 10


#1

I am have been working on a site as well. I go through the lesson first and then teach the students. In about 2 weeks we will be on lesson 10 in unit 2 and I am completely lost on how to change the color on my site. Does anyone have any suggestions?


#2

Hi Lucretia,

When you say how to change “the color on my site”, what part of the site are you referring to?

To change the font color, you would use the “color” property in whichever tag you want to change. In Lesson 10 bubble 9, look in the style.css file and you’ll see they use this to change everything in the h1 tag to a red color…

h1 {
color: red;
text-decoration: underline;
}

To change the color of the background, use the “background-color” property. Here’s some documentation: https://www.w3schools.com/cssref/pr_background-color.asp
You can put this in whichever tag/selector you prefer - assuming you want to change the background of the entire page, you would use the “body” selector, like so:

body {
background-color: red;
}

But you can also change the background of specific elements only, like doing the following, which would set the background of the h1 stuff as red:

h1 {
background-color: red;
}

Hope that answers your question.

Frank