Highlight Label Should Not Reflect Custom Column Primary Color

Currently, the highlight label cannot be changed to a different color if we have custom column primary colors selected. This causes the highlight label to blend in with the column headers.

Please instead allow us to change the highlight label colors no matter what the primary color is.

2 Likes

Hi there, @Daniel :waving_hand:

Nice idea, thanks for sharing! We’ll have this idea in mind and see for more votes from others :slightly_smiling_face:

In the meantime, you can change the color of each highlight label independently from the other settings by using this code in the Custom CSS field on the Appearance tab of your widget’s settings:

.es-snap-carousel-item:nth-child(1) .es-highlight-element-content,
.es-column-comparison-table-container:nth-child(2) .es-highlight-element-content {
  background: red;
}

.es-snap-carousel-item:nth-child(2) .es-highlight-element-content,
.es-column-comparison-table-container:nth-child(3) .es-highlight-element-content {
  background: green;
}
1 Like

Max,

Thank you so much! That helps out a lot!~

1 Like