cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
mnd
Frequent Visitor

CS - Visibility / Ergonomics of the feedback display on the portal: Timeline

Hello,

In the portal, on my support, when we click on a detail case.In the Timeline,  I would like to have a light grey background, but visible from one exchange to the next, because today there is a slight difference, but we want it to be more visible (darker colour).

Thanks

1 ACCEPTED SOLUTION

Accepted Solutions
Anonymous
Not applicable

Hi @mnd  , Just want to confirm,

  • is the timeline displayed in portal to customers?
  • if first question is yes, then you are looking to change the displayed text background color, is that right?

if the answer is YES to both questions then it should be easy CSS update after you identify where:

 

Here is what i will do:

 

1- Open the portal and chrome developer tool the CTL+SHFT + C then click on the text that you want to change it background color 

2-Find exact element that needed to be styled using (see below example)

Manar_0-1637698412436.png

 

3-add Background: any color to the styling and see if that meat your need

Manar_1-1637698611032.png

 

4-after finding the right color, click on the bootstrap 

Manar_2-1637698701860.png

 

5-copy the whole file and know the name of the bootstrap

Manar_3-1637698776900.png

 

 

6-go the portal studio to either update the same file name with the copied css OR create new text file .css and copy the new styling to it and attached it to the portal CSS

Manar_4-1637698936454.png

 

 

I hope this help

 

 

View solution in original post

3 REPLIES 3
mnd
Frequent Visitor

@ragavanrajan @Anonymous 

Anonymous
Not applicable

Hi @mnd  , Just want to confirm,

  • is the timeline displayed in portal to customers?
  • if first question is yes, then you are looking to change the displayed text background color, is that right?

if the answer is YES to both questions then it should be easy CSS update after you identify where:

 

Here is what i will do:

 

1- Open the portal and chrome developer tool the CTL+SHFT + C then click on the text that you want to change it background color 

2-Find exact element that needed to be styled using (see below example)

Manar_0-1637698412436.png

 

3-add Background: any color to the styling and see if that meat your need

Manar_1-1637698611032.png

 

4-after finding the right color, click on the bootstrap 

Manar_2-1637698701860.png

 

5-copy the whole file and know the name of the bootstrap

Manar_3-1637698776900.png

 

 

6-go the portal studio to either update the same file name with the copied css OR create new text file .css and copy the new styling to it and attached it to the portal CSS

Manar_4-1637698936454.png

 

 

I hope this help

 

 

mnd
Frequent Visitor

Hi @Anonymous 

Thank you very much for your help. It works perfectly.

You just made my day!

Helpful resources

Announcements
Microsoft 365 Conference – December 6-8, 2022

Microsoft 365 Conference – December 6-8, 2022

Join us in Las Vegas to experience community, incredible learning opportunities, and connections that will help grow skills, know-how, and more.

MPP IDEAS updated 768x460.png

Ideas

Discover ideas and concepts from users like you for how to use Power Pages and take your work to the next level.

Top Solution Authors
Users online (2,777)