# Css style sheet cannot change the color

**URL:** <https://forum.codewithmosh.com/t/css-style-sheet-cannot-change-the-color/6647>\
**Category:** HTML/CSS\
**Created:** [August 7, 2021, 1:41pm UTC](https://forum.codewithmosh.com/t/css-style-sheet-cannot-change-the-color/6647 "2021-08-07T13:41:33Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jackson](https://avatars.discourse-cdn.com/v4/letter/j/e68b1a/32.png) [@Jackson](https://forum.codewithmosh.com/u/Jackson)\
**Post date:** [August 7, 2021, 1:41pm UTC](https://forum.codewithmosh.com/t/css-style-sheet-cannot-change-the-color/6647/1 "2021-08-07T13:41:33Z")

</div>

Hi

I cannot turn the color to the orange, anyone know the reason?

 ![cannot turn color to orange](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/2X/b/b0fc13d898fd07e6e11bf830addc2d22e2cf0dd1.jpeg)

---

<div class="post-metadata">

**Author:** ![Jackson](https://avatars.discourse-cdn.com/v4/letter/j/e68b1a/32.png) [@Jackson](https://forum.codewithmosh.com/u/Jackson)\
**Post date:** [August 7, 2021, 3:34pm UTC](https://forum.codewithmosh.com/t/css-style-sheet-cannot-change-the-color/6647/2 "2021-08-07T15:34:07Z")

</div>

When I sperate the CSS to other folder, even I type the links code to the html file, those css feature is not exit

however, if I use the CSS style in embedded style sheet, it is work

Can someone tell me what is my problem with my link code?

 ![image|690x451](upload://8BrnF2KK1nUHygz2LLreagRh8nl.png)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/2X/5/5226fa92507bd708842977ca42dea3df594b7f78.png)

---

<div class="post-metadata">

**Author:** ![eelsholz](https://avatars.discourse-cdn.com/v4/letter/e/439d5e/32.png) [@eelsholz](https://forum.codewithmosh.com/u/eelsholz)\
**Post date:** [August 7, 2021, 8:03pm UTC](https://forum.codewithmosh.com/t/css-style-sheet-cannot-change-the-color/6647/3 "2021-08-07T20:03:07Z")

</div>

`0style.css` is not in the same folder as `0 css providing css.html`, so you need to specify where it is. Something like…

```auto
<link rel="stylesheet" href="../css/0style.css">

```

which is saying to go up a folder (the `..`) then down into the css folder.

---

<div class="post-metadata">

**Author:** ![Jackson](https://avatars.discourse-cdn.com/v4/letter/j/e68b1a/32.png) [@Jackson](https://forum.codewithmosh.com/u/Jackson)\
**Post date:** [August 7, 2021, 8:35pm UTC](https://forum.codewithmosh.com/t/css-style-sheet-cannot-change-the-color/6647/4 "2021-08-07T20:35:37Z")

</div>

Hi,

Thank you for your reply, I add css in the front, however, it is still not working, do you have any suggestion?

 ![image](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/2X/0/0e41a7d72900c4ed52319af770fdabe1785c1117.png)

---

<div class="post-metadata">

**Author:** ![Jackson](https://avatars.discourse-cdn.com/v4/letter/j/e68b1a/32.png) [@Jackson](https://forum.codewithmosh.com/u/Jackson)\
**Post date:** [August 7, 2021, 8:36pm UTC](https://forum.codewithmosh.com/t/css-style-sheet-cannot-change-the-color/6647/5 "2021-08-07T20:36:38Z")

</div>

here is my css style sheet

 ![image](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/2X/a/aa7bdb463b2a7095e996c03b45926a843349c0a4.png)

---

<div class="post-metadata">

**Author:** ![eelsholz](https://avatars.discourse-cdn.com/v4/letter/e/439d5e/32.png) [@eelsholz](https://forum.codewithmosh.com/u/eelsholz)\
**Post date:** [August 7, 2021, 9:46pm UTC](https://forum.codewithmosh.com/t/css-style-sheet-cannot-change-the-color/6647/6 "2021-08-07T21:46:58Z")

</div>

You need the dot dot slash in front:

`../css/0style.css`

---

<div class="post-metadata">

**Author:** ![Jackson](https://avatars.discourse-cdn.com/v4/letter/j/e68b1a/32.png) [@Jackson](https://forum.codewithmosh.com/u/Jackson)\
**Post date:** [August 8, 2021, 8:22am UTC](https://forum.codewithmosh.com/t/css-style-sheet-cannot-change-the-color/6647/7 "2021-08-08T08:22:25Z")

</div>

It is work now. thank you!