Add a drop shadow and outline to the Calculator App

Hey! I am trying to adjust the background of my Calculator Widget.

I would like:

  • An outline around the white box
  • Drop shadow added to around the white box

Any help with custom css would be appreciated!

  • Link to the page with the widget in question:
1 Like

Greetings and welcome to the Elfsight family, @Forest_Franzose :wave:

This code should help:


[class*="WidgetBackground__Container-sc"] {
  border-width: 2px;
  border-style: solid;
  border-color: grey;
  box-shadow: 0 0 10px grey !important;
}

Just add it to the Custom CSS field on the Settings tab of your widget’s settings and let me know if it worked :slightly_smiling_face: