# HTML/CSS part 3 lesson 26 Collapsibles

**URL:** <https://forum.codewithmosh.com/t/html-css-part-3-lesson-26-collapsibles/9213>\
**Category:** Uncategorized\
**Created:** [December 15, 2021, 9:42pm UTC](https://forum.codewithmosh.com/t/html-css-part-3-lesson-26-collapsibles/9213 "2021-12-15T21:42:30Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Svincent1989](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/svincent1989/32/2808_2.png) [@Svincent1989](https://forum.codewithmosh.com/u/Svincent1989)\
**Post date:** [December 15, 2021, 9:42pm UTC](https://forum.codewithmosh.com/t/html-css-part-3-lesson-26-collapsibles/9213/1 "2021-12-15T21:42:30Z")

</div>

Hi,

I am currently working my way through the collapsibles lesson and when I add the .icon–white class with it’s properties it removes the grey background that is there.

Any ideas why this might be happening or where this property is coming from?

Many Thanks

Stephen

---

<div class="post-metadata">

**Author:** ![A100D-JS](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/a100d-js/32/8_2.png) [@A100D-JS](https://forum.codewithmosh.com/u/A100D-JS)\
**Post date:** [December 16, 2021, 3:25pm UTC](https://forum.codewithmosh.com/t/html-css-part-3-lesson-26-collapsibles/9213/2 "2021-12-16T15:25:20Z")

</div>

Hi,

> [@Chapter 3 lesson 21 Icon color](https://forum.codewithmosh.com/t/chapter-3-lesson-21-icon-color/7867/3):
>
> Hi, I’ve ran into the same issue & found what was the problem is. If you copied the sprite.svg file that mosh have provided then you are good to go. But, if you have generated the sprite.svg file as mosh told you by yourself, the syntax of your sprite.svg file would be different from moshes ​sprite.svg file. So just search for id="snap" (you can use CTR+F to look it up in your file) & then there is an inline styles fill="rgb(0,0,0)" that you nedd to get rid of and the problem got solved. …

In your case something ( **an inline style** ) might be missing from your sprite file

 ![Chevron](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/2X/1/1ea21da3f8f421216cb73376187244c3b4aefd29.png)

Like this for instance? 👆 🤔

---

<div class="post-metadata">

**Author:** ![Pukka.Luke](https://avatars.discourse-cdn.com/v4/letter/p/9e8a1a/32.png) [@Pukka.Luke](https://forum.codewithmosh.com/u/Pukka.Luke)\
**Post date:** [December 23, 2021, 11:10pm UTC](https://forum.codewithmosh.com/t/html-css-part-3-lesson-26-collapsibles/9213/3 "2021-12-23T23:10:56Z")

</div>

I have had a similar issue in a previous lesson with .SVG’s and resolved it the same way that “A100D-JS” proposed.

Now I am seeing a new issue entirely where there is no image, only a solid fill in the shape of a circle. I can change the color of the fill but the “Chevron” never appears.

 ![Screen Shot 2021-12-23 at 3.01.33 PM](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/2X/c/cd518a74bccb383bc62b21b889a7e759ef8b2482.png)

---

<div class="post-metadata">

**Author:** ![A100D-JS](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/a100d-js/32/8_2.png) [@A100D-JS](https://forum.codewithmosh.com/u/A100D-JS)\
**Post date:** [December 24, 2021, 7:48am UTC](https://forum.codewithmosh.com/t/html-css-part-3-lesson-26-collapsibles/9213/4 "2021-12-24T07:48:17Z")

</div>

Can you share a screenshot of your html and sprite file for chevron part?

---

<div class="post-metadata">

**Author:** ![Pukka.Luke](https://avatars.discourse-cdn.com/v4/letter/p/9e8a1a/32.png) [@Pukka.Luke](https://forum.codewithmosh.com/u/Pukka.Luke)\
**Post date:** [December 30, 2021, 5:01pm UTC](https://forum.codewithmosh.com/t/html-css-part-3-lesson-26-collapsibles/9213/5 "2021-12-30T17:01:31Z")

</div>

I ended up subbing in the file provided and everything fixed itself.

---

<div class="post-metadata">

**Author:** ![dzyfer](https://avatars.discourse-cdn.com/v4/letter/d/ad7895/32.png) [@dzyfer](https://forum.codewithmosh.com/u/dzyfer)\
**Post date:** [January 5, 2022, 7:36am UTC](https://forum.codewithmosh.com/t/html-css-part-3-lesson-26-collapsibles/9213/6 "2022-01-05T07:36:24Z")

</div>

This worked for me!! All I did, was add the tiny fill text, _fix some of my frantic attempts to fix the issue lol_, and there we go!

 ![image](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/2X/6/607c98347ab1192d25158a7732ce6e3db402d160.png)  
I was back in line with the lesson. Thanks @A100D-JS!

---

<div class="post-metadata">

**Author:** ![Loopy](https://avatars.discourse-cdn.com/v4/letter/l/278dde/32.png) [@Loopy](https://forum.codewithmosh.com/u/Loopy)\
**Post date:** [May 7, 2022, 2:21am UTC](https://forum.codewithmosh.com/t/html-css-part-3-lesson-26-collapsibles/9213/7 "2022-05-07T02:21:50Z")

</div>

Brother I can’t thank you enough! I was stuck, in my sprite file I had no fill at all. Added the fill to #393939 like in the photo you provided. Much love!

---

<div class="post-metadata">

**Author:** ![eliotmayer](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/eliotmayer/32/3680_2.png) [@eliotmayer](https://forum.codewithmosh.com/u/eliotmayer)\
**Post date:** [May 17, 2022, 2:47am UTC](https://forum.codewithmosh.com/t/html-css-part-3-lesson-26-collapsibles/9213/8 "2022-05-17T02:47:18Z")

</div>

Thank you! I was also getting frustrated, but adding the fill="#393939", shown above with the red underline, solved the problem.
