Content Experience Widget

rcard11
Tera Guru

Hello community!  We are planning on using the new content experience widget.  We are hearing from end users that they really don't like the look of it (specifically the gradient and the boxes).  We can live with the boxes ,but outside of changing the color, I'm really not finding a way to remove the gradient.  There are over 400 lines of CSS on this widget and multiple mentions of gradient, but its not clear as to what is doing what from the code.  Has anyone had any success in removing the gradient on this widget or know how to do that?  Hoping to not have to use trial and error on this one!  🙂  Thank you!

 

And for reference, here is the widget OOTB:

 

find_real_file.png

1 ACCEPTED SOLUTION

keithl22
ServiceNow Employee
ServiceNow Employee

Hi Robert and for any others reading this. The CSS for the Content experience widget is in the ec-theme-content-experience-widget CSS Include. Modifying the code in line 12 so that they both reference the same color will remove the gradient. 

 

find_real_file.png

View solution in original post

7 REPLIES 7

Rob Sestito
Mega Sage

Hello,

Have you tried using the content experience widget yet and made it your own with your theme/branding already in place, and added content to it yet?

We absolutely loved the style of this widget with the different content to be added to it. And have no gradient at the top in which you are pointing to:

find_real_file.png

It goes right into the menu / header with no issues. I did not change anything regarding the HTML in the widget either. The only thing I attempted within the widget was changing color in the CSS. Otherwise, everything else is as is for me.

I honestly would say with getting your portal configured, get the widget in a container at the top, add some content to it with banner and buttons like they have it in the OOTB Demo and see if you get that bar at the top you are pointing to here.

I know I didn't really give a "solution" - but again, I did not change the HTML and I do not have that bar showing at the top like their OOTB Demo.

Cheers,

-Rob

Hello Rob,

 

How did these Welcome new users, Onboarding and offboarding looking like buttons are added in the content experience widget?

Hello , 

 

Please reply to my query as its very important, I am using the content experience widget, but my banner is looking like this, not like yours in which you have also side banners like welcome new users, offboarding looking like buttons.

Hi Kajal!  If you open the options for the widget, there are two display modes.  One shows "cards" on the side and the other just uses arrows.  To show the cards, you would update to be Right Hand List Menu for the Widget Style.  Hope this helps!