Modifying the hover state of controls

[psTubble27]

How do we alter the hover state of message controls (e.g. "Like", "Edit"), even in times when the mouse is not over them?

 

[Paul B]

Style Properties -> Message Elements -> Control

 

[psTubble27]

I'm aware of that Style Properties page; however unless I'm mistaken, it modifies the control only when mouse is hovering over it. In other words, this is the control's hover state. I'm asking how I would go about modifying the hover state of other elements, which would alter the control's appearance.

 

[Paul B]

I don't understand what you're asking.

What I posted above is for general styling of the message controls.
There are separate pages for the focus, hover and active states, directly below.

 

[psTubble27]

Ok if I hover over the username, and the Controls go from invisible to visible -- how do I do that?

I need to alter the username's hover state, am I right?

 

[Paul B]

The username is not part of the message controls.

I'm not sure what elements it is you're trying to change - your original post stated "How do we alter the hover state of message controls (e.g. "Like", "Edit")" but now you want the user name?

Which elements exactly are you trying to change?
What do you want them to do?

 

[psTubble27]

I'd like to alter the visibility of Controls whenever I am anywhere on the post; not just when I'm over the controls themselves.

 

[Paul B]

What do you mean by "alter the visibility"?

My first post is the correct area to modify those elements when they are not hovered over.

 

[psTubble27]

Sorry for the confusion

I want the controls to be invisible or barely visible when in their normal state, and fully visible when the user hovers over any area of the post.

 

[Paul B]

Aha!
So you want the hover attribute for those elements to apply over the whole message area.

 

[psTubble27]

Can you point me in the right direction? The basic concept involved, maybe some tutorials?

 

[psTubble27]

Interesting, now that I think about it, the RSS-feed buttons in the main forum_list behave exactly the same way, "on" only when the mouse hovers over that section of the forum.

There's got to be a simple way to replicate that here...

 

[Steve F]

Add this to your EXTRA.css template for your style. Change the opacity to what ever you want.

.message .messageMeta .privateControls .item, .message .messageMeta .publicControls .item
{
    opacity: 0.1;
}
 
.message:hover .messageMeta .privateControls .item, .message:hover .messageMeta .publicControls .item
{
    opacity: 1;
}

 

[psTubble27]

Worked, that was some ninja CSS, major "like"!