In portal i want to modify the color of the blue line please help me how to do the same

kranthi2
Tera Expert

Hi,

In portal i want to modify the color of the blue line please help me how to do the same.

kranthi2_0-1705462089223.png

 

Please help me out how to change above the line color of "My ticket surveys"

 

Thanks,

 

1 ACCEPTED SOLUTION

Hi @kranthi2 once you find the css part where the color is added,you can change the color there and test whether it works, if it does copy the css code and put it under instance page,

 

ctrl right click on widget-->click instance in page editor, place the code under css, like below. This change will apply only for this specific page where widget is added

HarishKM_0-1705472632201.png

HarishKM_1-1705472645407.png

 

Regards
Harish

View solution in original post

4 REPLIES 4

Tai Vu
Kilo Patron
Kilo Patron

Hi @kranthi2 

It seems that your widget is custom-made. Therefore, we need to examine the HTML and CSS of the widget to comprehend its structure. Once we do that, we can determine what modifications are needed.

 

Cheers,

Tai Vu

Harish KM
Kilo Patron
Kilo Patron

Hi @kranthi2 you can right click on that line go to inspect element and find where the color has been added in css, change the color, copy the code and put in CSS widget or in your page widget editor

HarishKM_0-1705465193168.png

 

Regards
Harish

Hi @Harish KM 

Please find the attached screenshots for your reference.

 

kranthi2_0-1705471955730.png

 

in the below screenshots where can i place the border-top-color should be place.

 

 

widget details:

kranthi2_1-1705472001434.png

 

kranthi2_2-1705472129976.png

 

 

i don't see that option

Hi @kranthi2 once you find the css part where the color is added,you can change the color there and test whether it works, if it does copy the css code and put it under instance page,

 

ctrl right click on widget-->click instance in page editor, place the code under css, like below. This change will apply only for this specific page where widget is added

HarishKM_0-1705472632201.png

HarishKM_1-1705472645407.png

 

Regards
Harish