Change colour of content experience widget for banners
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎05-18-2022 02:42 PM
I am working on branding the EC Pro and would like to know how to change the Content experience widget below highlighted in red:
Thank you in advance!
- Labels:
-
Content Management
-
Service Portal

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎05-18-2022 03:23 PM
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎04-13-2023 05:05 AM
The Widget uses the colors defined in your theme.
For employee center you get the OOTB Theme 'EC theme'. If you look at the OOTB EC Theme you will see on the CSS Includes there is an entry named: 'ec-theme-content-experience-widget'
If you open that up the Style Sheet for it you will see that it uses $brand-primary-darker for the back ground color and it also uses $brand-primary for the buttons etc
So simply altering these values in your main Theme record CSS will cascade the change down to the Content Experience widget. It you do not want to use these values you could also just specify any HEX color value here, but it's better to have all color definitions in one place for ease of maintenance.
If you change the values in your Theme record these will change your Content Experience widget colors as well:
Once changed you will see the CSS take effect:
Note best practice is to leave the OOTB Theme as is and create your own custom theme by copying the OOTB one.
If helpful please mark and Helpful/Correct
Regards
Paul
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎06-01-2023 03:45 PM
There seems to be some sort of gradiant in the background. I can change half of the color but it still fades into a blue color. Does more than one setting need to be changed?
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎09-24-2023 07:24 AM - edited ‎09-24-2023 07:27 AM