1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Changing color via CSS

Discussion in 'Styling and Customization Questions' started by Tracy Perry, Nov 3, 2012.

  1. Tracy Perry

    Tracy Perry Well-Known Member

    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>
  2. Tracy Perry

    Tracy Perry Well-Known Member

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

Share This Page