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
Manar
Super User
Super User

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

 

 

Thank you,
Manar

If you like this post, give it aThumbs Up. Where it solved your query, mark it as a SOLUTION so it can help other people!

View solution in original post

3 REPLIES 3
mnd
Frequent Visitor

Manar
Super User
Super User

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

 

 

Thank you,
Manar

If you like this post, give it aThumbs Up. Where it solved your query, mark it as a SOLUTION so it can help other people!
mnd
Frequent Visitor

Hi @Manar 

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

You just made my day!

Helpful resources

Announcements
Welcome Super Users.png

Welcome Super Users

The Super User program for 2022 - Season 2 has kicked off!

Ignite 2022

WHAT’S NEXT AT MICROSOFT IGNITE 2022

Explore the latest innovations, learn from product experts and partners, level up your skillset, and create connections from around the world.

September Events 2022

Check out all of these events

Attend in person or online, there are incredible conferences and events happening all throughout the month of September.

Users online (1,902)