The CreatorCon Call for Content is officially open! Get started here.

How to change the border of the select box

Meru
Kilo Contributor

How should I change color of the border of the current field from blue to yellow .Please let me know the navigation of how to change as wellfind_real_file.png

Thanks

Meru

6 REPLIES 6

SatheeshKumar
Kilo Sage

Navigate to Service Portal > pages > sc_cat_item > add the below given code in page specific css section

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #ffff80;
}

.type-choice .select2-container-active {
     outline: 5px auto #ffff80; 
     border-color: #ffff80; 
     box-shadow: 0 0 5px #ffff80;
}

find_real_file.png

 

 

 

if you want change it to a different  color  modify the #f0f354  with your value https://www.w3schools.com/colors/colors_picker.asp

This is global correct ? It will change it for everyone how do I change just for Human Resources

Meru
Kilo Contributor

any screenshots will help 

no it will not affect all. it will affect only the page you used.

 

if you want it for HR catalogs only follow the steps below

 

Service Portal > Pages > hrj_sc_cat_item  

Paste the above code in Page specific CSS of the page.

find_real_file.png