function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
ariella nothariella noth 

Override CSS for Employee Login Link component

Im trying to figure out how to override the font color for this component since it is being classified as overlay text. I have the class (found it in the inspect element) but i cant find any documentation on how to enter. This is what ive managed with my very poor google results.
  
div.employeeLoginLink.salesforceIdentityEmployeeLoginLink2 {
    color: black;
}
 
 
SamHowleSamHowle
I'm sure this is too late for your purposes, but for anybody else out there looking for the solution, please see below. This works as of April 2022 in a Customer Service template community.

To target the specific link for Employee Login (example link color and background, but could make it transparent) 
.salesforceIdentityEmployeeLoginLink2 a {
    color: rgb(88, 126, 186) !important;
  	background-color: rgb(249, 248, 247);
}

To target the entire section, in which the Employee Login link resides, use this instead: 
.salesforceIdentityEmployeeLoginLink2 {
    color: rgb(88, 126, 186) !important;
    background-color: rgb(249, 248, 247);
}

Can also follow a similar pattern for the "Forgot Password?" link, among other examples 
.salesforceIdentityLoginForm2 a {
    color: rgb(88, 126, 186) !important;
}