SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Addict
    Join Date
    Aug 2009
    Posts
    231
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    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

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,203
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by lorne17 View Post
    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?
    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.

  3. #3
    SitePoint Addict
    Join Date
    Aug 2009
    Posts
    231
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,203
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    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:

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

  5. #5
    SitePoint Addict
    Join Date
    Aug 2009
    Posts
    231
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Awesome. That worked great. Thanks for the help Ralph!

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

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,203
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    No problem! Glad that helped, lorne.


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •