Posted by We had a request to customize only 1 widget in HCL Connections Engagement Center page. Make it “highlighted”.
We want to make the Widget “Welcome” more highlighted…
Inspecting the widget source:
We see that the only way to target this widget is by using the data-wid=4621 attribute.
With this css selector I’m able to target this specific widget.
.xccstyle .xccWidget[data-wid='4621'] {
outline: 4px solid red;
}
The result: