# Unit 2, Lesson 20 help

**URL:** <https://forum.code.org/t/unit-2-lesson-20-help/39431>\
**Category:** Unit and Lesson Discussion\
**Tags:** html, css\
**Created:** [May 7, 2024, 7:26pm UTC](https://forum.code.org/t/unit-2-lesson-20-help/39431 "2024-05-07T19:26:27Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![buyskej](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/buyskej/32/2108_2.png) [@buyskej](https://forum.code.org/u/buyskej)\
**Post date:** [May 7, 2024, 7:26pm UTC](https://forum.code.org/t/unit-2-lesson-20-help/39431/1 "2024-05-07T19:26:27Z")

</div>

Hello, I have a student who is having a problem formatting her website. She has a class set up correctly on the CSS page and it is being called correctly on her HTML page, but the changes are not showing up. The heading right above the paragraph is calling the same class and it is working, so I’m not sure where the problem is. The text in question is on the Series.HTML page on [this site](https://codeprojects.org/projects/weblab/nSb3ch06Pcp0FyAzrISi5T1nC4pvq0mONe02HV9h3Ak), and the class is on the style.css page. It is called .lightning-thief and everything seems fine to me.

---

<div class="post-metadata">

**Author:** ![GordonBrune](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/gordonbrune/32/4752_2.png) [@GordonBrune](https://forum.code.org/u/GordonBrune)\
**Post date:** [May 7, 2024, 11:42pm UTC](https://forum.code.org/t/unit-2-lesson-20-help/39431/2 "2024-05-07T23:42:29Z")

</div>

The class is .lightning and the html page is calling it correctly on line 27 but on line 29 it’s calling the class “lightning-thi”??

---

<div class="post-metadata">

**Author:** ![buyskej](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/buyskej/32/2108_2.png) [@buyskej](https://forum.code.org/u/buyskej)\
**Post date:** [May 8, 2024, 12:11am UTC](https://forum.code.org/t/unit-2-lesson-20-help/39431/3 "2024-05-08T00:11:10Z")

</div>

That must be an error. When the student showed me her page the class was called .lightning-thief and it was called correctly. It still looks that way now as I look at it.

---

<div class="post-metadata">

**Author:** ![buyskej](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/buyskej/32/2108_2.png) [@buyskej](https://forum.code.org/u/buyskej)\
**Post date:** [May 8, 2024, 1:55pm UTC](https://forum.code.org/t/unit-2-lesson-20-help/39431/4 "2024-05-08T13:55:52Z")

</div>

I got the right code in there now, so you should be able to see that the class isn’t working on the paragraph.

---

<div class="post-metadata">

**Author:** ![GordonBrune](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/gordonbrune/32/4752_2.png) [@GordonBrune](https://forum.code.org/u/GordonBrune)\
**Post date:** [May 8, 2024, 2:12pm UTC](https://forum.code.org/t/unit-2-lesson-20-help/39431/5 "2024-05-08T14:12:28Z")

</div>

To me it looks like the class IS getting attributed to the Lightning Thief h3 and P sections on the series page. The sections are blue with round text box borders, etc.

---

<div class="post-metadata">

**Author:** ![buyskej](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/buyskej/32/2108_2.png) [@buyskej](https://forum.code.org/u/buyskej)\
**Post date:** [May 8, 2024, 2:25pm UTC](https://forum.code.org/t/unit-2-lesson-20-help/39431/6 "2024-05-08T14:25:35Z")

</div>

The text in the `<p>` should be blue like the `<h3>` but it isn’t. All of the other style changes in the class are being applied, though. That’s what is confusing me.

---

<div class="post-metadata">

**Author:** ![mwood](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/mwood/32/4941_2.png) [@mwood](https://forum.code.org/u/mwood)\
**Post date:** [May 8, 2024, 10:58pm UTC](https://forum.code.org/t/unit-2-lesson-20-help/39431/7 "2024-05-08T22:58:15Z")

</div>

The text shadow commands are probably the culprit here.

Since they are adding text shadow to everything, it is hard to see what is happening. On top of that, some of the text shadow values are negative (sending the text shadow to the left), so it’s hard to tell what is text and what is text shadow.

Then, there are styles for h3 elements and styles for p elements, but then there are class styles which should override the original styles.

My best guess is that it is doing what they have told it to do, but that it’s hard to tell that with all of the conflicting styles.

I would recommend removing text shadows completely from paragraph text (makes it hard to read), and then see if it’s easier to see what is happening. I’d also suggest all text shadows avoid negative numbers. There’s just so much going on that it’s hard to see where the conflict is happening.

If they still can’t figure it out, please reach back out and we are happy to keep looking.

Mike

---

<div class="post-metadata">

**Author:** ![buyskej](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/buyskej/32/2108_2.png) [@buyskej](https://forum.code.org/u/buyskej)\
**Post date:** [May 9, 2024, 12:41am UTC](https://forum.code.org/t/unit-2-lesson-20-help/39431/8 "2024-05-09T00:41:41Z")

</div>

Thanks for the advice. I will try that and see what happens.
