How to apply custom CSS on highlighted part (Oval-container) in data filter, which I mention below?

[Hrishab108]

                                                                

                                                         
I want to decrease the width of created_dts this container.

[Velkumar]

Hi @Hrishab108 

Please add below custom CSS code to the mashup and update widget custom css property value with class name

.ovalContainerWidth ptcs-chip-data-filter::part(oval-container)
{
 width : 80px
}

/VR

[Hrishab108]

Hi @Velkumar,

Thanks for this.

But This is not Working for me.

BR,
Hrishabh Sharma

[Hrishab108]

Its is working for you?

[Velkumar]

Hi @Hrishab108 

Yes, it is working for me.

Sorry there was a typo in my previous code, below is the updated one (filer -> filter)

.ovalContainerWidth ptcs-chip-data-filter::part(oval-container)
{
 width : 80px
}

With CSS:

 

Without CSS :

/VR

[Hrishab108]

Hi, @Velkumar 
Still is not working for me.
I don't know why.

Is it issue of the thingWorx version?

Thanks your time.

BR 
Hrishabh

[Velkumar]

Hi @Hrishab108 

I'm using Thingworx 9.3.3

Could you please tell Thingworx version so that I can test it 

/VR