Skip to search.

Breaking News Visit Yahoo! News for the latest.

×Close this window

Search Help:  
 
Enter keywords to search help.

How do I change the Sign In and Register link colors?

By default, Sign In, Register, My Account, and Sign Out link colors displayed on store pages are black or white, depending on the background color used on your template (black is used for templates with light background colors, while white is used for templates with dark background colors). If you are using Editor 3.0 templates and you wish to change the color of these links, you may do so by modifying the css-edits.css file in Store Manager.

To access the css-edits.css file:

  1. In Store Editor, click the red arrow in the Editor toolbar to switch to Advanced Editor.
  2. Click the Contents button in the Editor toolbar.
  3. Locate the css-edits file, and click the link.
  4. Click the Edit button.
  5. Add the following CSS, with the color for each link style changed to the value you wish to use. For example, if you wished for your link colors to be navy blue, you could use the hexadecimal value #004. If you wished for your hover-over link color to be charcoal gray, you could use the hexadecimal value #333. These values are used in the example below (highlighted in red):

    #yscp_welcome_msg { margin:0px 10px 0px 5px; display:none; line-height:20px; color:#004; }
    #yscp_signin_link { display:none; line-height:20px; color:#004; }
    #yscp_signout_link { margin-left:10px; display:none; line-height:20px; }
    #yscp_myaccount_link { display:none; line-height:20px; margin-right:10px; margin-left:10px; }
    .yscp_bold { font-weight:bold; }
    a.yscp_link { font-family:verdana; text-decoration:none; color:#004; line-height:20px; }
    a.yscp_link:hover { font-family:verdana; color:#333; text-decoration:underline; line-height:20px; }


    Styles and what they correspond to are listed in the table below.

  6. Click the Update button, and preview your change in Store Editor.
  7. Publish your changes.
Style name Description
#yscp_welcome_msg Welcome message displayed on store pages when the customer is signed into their account.
#yscp_signin_link Sign In and Register links displayed on store pages when the customer is not signed into their account.
#yscp_signout_link Sign Out link displayed on store pages when the customer is signed into their account.
#yscp_myaccount_link My Account link displayed on store pages when the customer is signed into their account.
.yscp_bold The bold style applied to the customer's name displayed on store pages when the customer is signed into their account.
a.yscp_link Styles applied to the Sign In, Register, Sign Out, and My Account links displayed on store pages.
a.yscp_link:hover Styles applied to the Sign In, Register, Sign Out, and My Account links when hovered over with a mouse.

If you wish to customize elements of customer registration pages other than the Sign In, Register Sign Out, and My Account links, and welcome message text color, please see our Customer Registration CSS Reference help page.

Was this article helpful?

Yes   No
Click to contact Customer Care for further assistance.