Skip to main content
Topics#Force com Sites Site comFrage von Ariella Noth
Ariella Noth (n/a) fragte in #Force com Sites Site com
17. Dez. 2019, 19:42

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;
}

 

 

1 Antwort
  1. Sam Howle (Steampunk)
    12. Apr. 2022, 19:23
    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;
    }

     
Antwort schreiben...
0/9000