Note: The following information is not applicable to the default themes in Theme Manager.
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 file in Store Manager.
Access the css-edits.css file
- Sign in to your My Services page.
- Click the Store link.
/msdyn_blobfile/$value)
- Go to Store Editor.
/msdyn_blobfile/$value)
- From the Advanced Editor toolbar, go to Contents.
/msdyn_blobfile/$value)
- Click the edit icon next to css-edits.
/msdyn_blobfile/$value)
- In the Css-text field, 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):
/msdyn_blobfile/$value)
#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; }
Note: Styles and what they correspond to are listed in the table below. - Click the Update button.
/msdyn_blobfile/$value)
- Publish when ready.
/msdyn_blobfile/$value)
| 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.
