HTML/CSS part 3 lesson 26 Collapsibles

[Svincent1989]

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

[A100D-JS]

Hi,

Chapter 3 lesson 21 Icon color

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

Like this for instance?

[Pukka.Luke]

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.

[A100D-JS]

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

[Pukka.Luke]

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

[dzyfer]

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!

I was back in line with the lesson. Thanks @A100D-JS!

[Loopy]

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!

[eliotmayer]

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