Question

For some reason the text (Log In) inside the HeadLoginView in ASP.NET is being displayed as grey not white and only visible when i hover on it, I want it white and always visible.

What am I doing wrong? Also how/where do I code the signout when a user is logged in?

small screenshot

Code:

<!-- Cart -->
    <div id="cart">
        <asp:LoginView ID="HeadLoginView" runat="server" EnableViewState="false">
                <AnonymousTemplate>
                    [ <a href="~/login.aspx" ID="HeadLoginStatus" runat="server">Log In</a> ]
                </AnonymousTemplate>
                <LoggedInTemplate>
                    Welcome <span class="bold"><asp:LoginName ID="HeadLoginName" runat="server" /></span>!
                    [ <asp:LoginStatus ID="HeadLoginStatus" runat="server" LogoutAction="Redirect" LogoutText="Log Out" LogoutPageUrl="~/"/> ]
                </LoggedInTemplate>
            </asp:LoginView>
        <div class="cl">&nbsp;</div>
        <a href="shoppingCart.aspx" class="cart-link">Your Shopping Cart</a>        
    </div>
    <!-- End Cart -->!

Answer 1

Change font color of hyperlink text via CSS attribute.

#cart a
{
  color:white;
}