Hi,

I moved the [USER] and [LOGIN] tokens to a different cell and row in a skin that started out as the DNN-Blue skin. The table has not changed. The menu is in the same row, different cell. The menu is hadled bu the menu classes in the CSS. The backround for this table is handled by the skingradient class in CSS.

The problem: the user and login are ignoring the skingradient class settings. Any body know how I can change their font, etc?

Thanks!

Sure, the site is at www.WorkAtHomeParadise.com

Here is the HTML:

<table class="skingradient" cellspacing="0" cellpadding="3" width="100%" border="0">
        <tr>
            <td width="100%" valign="middle" align="left" nowrap style="height: auto; text-align: left;">
                [MENU]</td>
            <TD width="300" valign="middle" align="right" nowrap style="height: auto; text-align: right;"> [USER] &nbsp;[LOGIN]</TD>
        </tr>
    </table>

Here is the CSS:

.skingradient {
 background-color: #0099cc;
 background-image: url(ocean2.gif);
 color: #FFFF00;
 font-size: 9pt;
 font-weight: bold;
 font-style: normal;
 font-family: Tahoma, Arial, Helvetica;
 height: 20px;
 }

Thanks!

Also, you can address the object directly by using it's ID. What I usually do is view the source of the rendered page, then add the ID directly to my skin's CSS. I've not heard whether this is acceptable or wise, but I haven't run into any problems with it and it allows me to style the Login / User tokens seperately.

Sample CSS:

#dnn_dnnLOGIN_hypLogin {
     color: #CCCCC;
     font-size: 14px;
}

#dnn_dnnLOGIN_hypLogin {
    color: #000000;
}

~SB