Skip to main content
18-Opal
April 27, 2021
Solved

How can I add Custom CSS to Label Widget

  • April 27, 2021
  • 1 reply
  • 2210 views

I want to add the CUSTOM CSS to Label to get Label Widget Border as RED and Thickness of 4px

Best answer by yhan

Hi @pshashipreetham,

 

You can try below CSS configuration:

.dataLabel {
background-color : #<label block background color>;
font-weight : bold;
border-color: #<label border color>;
border-style: Solid;
border-width: 4px;
}

dataLabel .input-label {
color: #<label text color>;
}
.dataLabel input {
color: #<text inside color>;
} 

About how to implement custom CSS in Thingworx, please refer to TWX help center or community.

 

Thanks,

/Yoyo

1 reply

yhan17-PeridotAnswer
17-Peridot
April 28, 2021

Hi @pshashipreetham,

 

You can try below CSS configuration:

.dataLabel {
background-color : #<label block background color>;
font-weight : bold;
border-color: #<label border color>;
border-style: Solid;
border-width: 4px;
}

dataLabel .input-label {
color: #<label text color>;
}
.dataLabel input {
color: #<text inside color>;
} 

About how to implement custom CSS in Thingworx, please refer to TWX help center or community.

 

Thanks,

/Yoyo