Need help with CSS :Hover issues on Toggle Shortcode

Hello there,

On our page here: http://www.slarc.com/firmprofile/

You’ll see down the page I have used a lot of the SU_Spoiler shortcode. How can I get the title to stay the same color it is with the :hover CSS command?

Thanks,
Lorne

Your question is not clear—to me at least. No one is going to see whatever that “spoiler shortcode” is without viewing source. It’s better to be specific about what items you are having trouble with and what you want them to do. I have no idea what hover colors you mean.

Sorry about the confusion. Let me try to be more clear:

The page I gave: www.slarc.com/firmprofile has Spoiler shortcodes. The shortcode is SU_Spoiler. The divs for the Spoiler Titles are: “su-spoiler-title”. That item when you hover over it shows the background:#D37141; I would like this color to remain when the Spoiler is left selected and the mouse moves away. I.E. when someone clicks div “su-spoiler-title” and then reads the content that shows up in Div “su-spoiler-content”.

I have tried to edit “su-spoiler-title:active” but that didn’t work.

Does that help clarify it?

Thanks,
Lorne

O, OK, I see now. (Again, though, try to identify the elements visually as well as by the code. E.g. “The links such as Control Room Artists”.)

Try this:

.su-spoiler-closed .su-spoiler-title {
  background: none;
  color: #FFF;
}

.su-spoiler-title, .su-spoiler-closed .su-spoiler-title:hover {
  background: #D37141;
  color: #FFF;
}

Awesome. That worked great. Thanks for the help Ralph!

I’ll try to be more specific next time. My bad.

No problem! Glad that helped, lorne. :slight_smile: