Changing color via CSS

[TPerry]

I've been able to set up a box below the users avatars in the forum that will allow them to link to the "start conversation" option easily. I can even get it to change the backgrounds, font style, size, etc. The ONE thing I cannot get it to do is use a custom color. The css code I'm using is

.messageUserInfo .messageUserBlock h3.pmBlock
        {
           
            background: -webkit-linear-gradient(top, #cccccc 0%, #bbbbbb 50%, #777777 99%) !important;
            padding: 10px;
                        color: orange !important;
                        font-family: 'Arial';
                        font-weight: bold;
                font-size: 11px !important;
                border-radius: 4px;
                        display: block;
            overflow: hidden;
            line-height: 16px;
                        text-decoration: none;
           
        }

Anybody see any reason why it would not be working? Even with taking everything out of the EXTRA.css file it still will not work. Can't figure out what is over-riding it.

The associated template modification I made via TMS in the message_user_info is

<h3 class="pmBlock">
<xen:hook name="member_card_links">
            <a href="{xen:link members, $user}">{xen:phrase send_pm}</a>
            <xen:if is="{$visitor.user_id} AND {$user.user_id} != {$visitor.user_id}">
                <xen:if is="{$canStartConversation}"><a href="{xen:link conversations/add, '', 'to={$user.username}'}">{xen:phrase start_conversation}</a></xen:if>
               
            </xen:if>
        </xen:hook>
</h3>

 

[TPerry]

Found a better way to do this thanks to a post by Morgain here.