Spoiler Background Color (Wants Transparent)

[ZacDesu]

Basically what I have is coding for spoilers. We (as a forum) fixed it up but there’s still a small problem that I wanted to fix but I am currently without the knowledge to make it happen.

http://worldofninja.jcink.net/index.php?showtopic=2444&view=findpost&p=10895

(PARAM1)

(PARAM2)

http://worldofninja.jcink.net/index.php?showtopic=2444&view=findpost&p=10897

What I want it to be like is the Param 2 Text to be the same color as the background color of whatever theme we are using. Any help on that? Thanks!

[ZacDesu]

https://codepen.io/ZacDesu/pen/OzmRwO

[Paulie_D]

You could do this with javascript but there is an easier method.

Instead of setting the text color to the same as the background, do it the other way round.

Set a color on the text and set the background color to “currentColor”.

[Paulie_D]

Or just use a text color of “transparent”, it’s allowed.

[Paulie_D]

https://codepen.io/Paulie-D/pen/RxVjbq

[Paulie_D]

or

https://codepen.io/Paulie-D/pen/BJRmBg

[ZacDesu]

Sorry, I misspoke. I meant the background for Param2.

‘What I want it to be like is the Param 2 Background to be the same color as the background color of whatever theme we are using. Any help on that? Thanks!’

[Paulie_D]

So do none of the suggestions work for you?

Frankly, I don’t see the difference.

A Codepen.io demo would be helpful if you can’t work it out but either of the suggestions I gave should work for you.

[ZacDesu]

Mm, we wanted a toggle rather than a hover so we can see it even if we go offscreen.

https://codepen.io/ZacDesu/pen/OzmRwO

[Paulie_D]

So, use a toggle on the CSS…The technique would be the same.

Don’t toggle display:none… toggle a class/CSS instead.

Not seeing the problem here.

[ZacDesu]

Sorry, I’m not too knowledgeable with css or html, so I was just trying to clarify. I’ll test out the codes and see if it can work :)

[Author]

Posts