Need change the text color and background color for instance link or custom bootstrap color

[Brahmi Pandla]

Hi

I want change the text color and back ground color is white for instance with link

in below sanp every instance link back ground need change white  and text colors change like  blue, orange, red

[Riya Verma]

HI @Brahmi Pandla ,

Hope you are doing great.

1. In your ServiceNow instance, navigate to the appropriate location where you can add custom CSS styles. This can be achieved by following these steps: 
2. Access the "Custom Style Sheets" application.
3. Create a new CSS style sheet record or edit an existing one.
4. Add the CSS code snippet mentioned above to the style sheet.

<a href="instance_link_url">Instance Link</a>


a.instance-link {
  color: blue;
  background-color: white;
}

        5. Once you have added the CSS styles, save the changes and verify the results by accessing an instance link. The text color should appear as blue, and the background color should be white.

By applying the provided CSS styles to the appropriate instance links, you can change the text color to blue and the background color to white, as per your requirement. Remember to adjust the CSS class selector (a.instance-link) based on your specific HTML structure and target elements.

[Brahmi Pandla]

Hi Riya

Thanks for response I need one more help from you

I want below icon link widgets arrange in single line

I used below css code

.iconlink{border-style:solid;
border-radius: 5px;
border-width: 1px;
border-color: #0574DE;
background-color: white;
margin-bottom: 15px}

.iconlink h2 {
color: blue;
}

 Could you please suggest

[Riya Verma]

@Brahmi Pandla , navigate too css For this and try changing the pixel of box and use smaller pixels. or try using below CSS: 

  .icon-link-container {
        display: flex;
        align-items: center;
    }
    
    .icon-link-widget {
        margin-right: 10px; /* Adjust as per your preference */
    }