How to add a shadow effect behind a value display in a mashup?

[S_Elsayed]

Hello,

I have a value display in a mashup:

Where I want it to have a shadow effect on runtime, to be similar to something that looks like this:

How can I do that?

Thank you in advance.

[rogerjn]

Hello,

In the mashups custom CSS tab enter

ptcs-value-display:not([aria-disabled=true]){
    box-shadow: #bbbbbb 0px 0px 16px;
}

This will render a CSS box-shadow on the value display. Modify as needed...

[S_Elsayed]

Hi @rogerjn 

Thank you for your response.

I tried this, but it still did not work.

I even tried changing the CSS to add the id of the value widget to be like this:

#ptcsvaluedisplay-18:not([aria-disabled=true]){
    box-shadow: #bbbbbb 1px 1px 16px;
}

 where `ptcsvaluedisplay-18` is the id of the widget.

Could you please tell me if you have any ideas about why it's not working?