Customize your widget CSS
You can use custom CSS to customize your widget. Here's how
Creation Date: January 2, 2024
# Senja
1. Click on Studio
![](https://www.notion.so/image/https%3A%2F%2Fimages.tango.us%2Fworkflows%2F5ee60574-ea4e-41bd-b5c1-fc93be8babc3%2Fsteps%2Fd4e433ae-b2bb-4c7a-bbe4-8ae67b948e70%2F39abc007-552d-432e-a831-489d64487d5c.png%3Fcrop%3Dfocalpoint%26fit%3Dcrop%26fp-x%3D0.1060%26fp-y%3D0.5777%26fp-z%3D2.0337%26w%3D1200%26border%3D2%252CF4F2F7%26border-radius%3D8%252C8%252C8%252C8%26border-radius-inner%3D8%252C8%252C8%252C8%26blend-align%3Dbottom%26blend-mode%3Dnormal%26blend-x%3D0%26blend-w%3D1200%26blend64%3DaHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n%26mark-x%3D25%26mark-y%3D393%26m64%3DaHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz00NjgmaD03NiZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw?table=block&id=239f2a50-b239-46df-9ac0-4c231e6dffd3&cache=v2)
2. Click on the widget you want to edit. Here I am picking from Recently Saved.
![](https://www.notion.so/image/https%3A%2F%2Fimages.tango.us%2Fworkflows%2F5ee60574-ea4e-41bd-b5c1-fc93be8babc3%2Fsteps%2F798a851a-1c11-460f-b843-8b65f516dcc0%2Fe703b8db-cbcd-4d69-8126-7cf745b00322.png%3Fcrop%3Dfocalpoint%26fit%3Dcrop%26fp-x%3D0.3652%26fp-y%3D0.3899%26fp-z%3D1.8359%26w%3D1200%26border%3D2%252CF4F2F7%26border-radius%3D8%252C8%252C8%252C8%26border-radius-inner%3D8%252C8%252C8%252C8%26blend-align%3Dbottom%26blend-mode%3Dnormal%26blend-x%3D0%26blend-w%3D1200%26blend64%3DaHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n%26mark-x%3D330%26mark-y%3D260%26m64%3DaHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz01MzkmaD0zNDImZml0PWNyb3AmY29ybmVyLXJhZGl1cz0xMA%253D%253D?table=block&id=12ee01e3-3a27-4187-bc5e-6323ac360c6e&cache=v2)
3. Click on Design on the menu
![](https://www.notion.so/image/https%3A%2F%2Fimages.tango.us%2Fworkflows%2F5ee60574-ea4e-41bd-b5c1-fc93be8babc3%2Fsteps%2F22f5fe2d-71ee-417d-8e68-a545f1495497%2Fc3424ada-0051-40af-951f-f7347c917a43.png%3Fcrop%3Dfocalpoint%26fit%3Dcrop%26fp-x%3D0.0415%26fp-y%3D0.2786%26fp-z%3D2.6080%26w%3D1200%26border%3D2%252CF4F2F7%26border-radius%3D8%252C8%252C8%252C8%26border-radius-inner%3D8%252C8%252C8%252C8%26blend-align%3Dbottom%26blend-mode%3Dnormal%26blend-x%3D0%26blend-w%3D1200%26blend64%3DaHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n%26mark-x%3D10%26mark-y%3D337%26m64%3DaHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz0yMzkmaD0xODcmZml0PWNyb3AmY29ybmVyLXJhZGl1cz0xMA%253D%253D?table=block&id=b2c16148-393c-4a74-9e4b-3d658b49ecc1&cache=v2)
4. Click on Advanced
![](https://www.notion.so/image/https%3A%2F%2Fimages.tango.us%2Fworkflows%2F5ee60574-ea4e-41bd-b5c1-fc93be8babc3%2Fsteps%2F1f3aa987-db1d-460e-9de5-f7d12d1d3d05%2Ffb9d031b-a41c-4c6e-a5ef-1a1ad217cece.png%3Fcrop%3Dfocalpoint%26fit%3Dcrop%26fp-x%3D0.2071%26fp-y%3D0.9066%26fp-z%3D1.8023%26w%3D1200%26border%3D2%252CF4F2F7%26border-radius%3D8%252C8%252C8%252C8%26border-radius-inner%3D8%252C8%252C8%252C8%26blend-align%3Dbottom%26blend-mode%3Dnormal%26blend-x%3D0%26blend-w%3D1200%26blend64%3DaHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n%26mark-x%3D172%26mark-y%3D659%26m64%3DaHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz01NTEmaD0xMTUmZml0PWNyb3AmY29ybmVyLXJhZGl1cz0xMA%253D%253D?table=block&id=dfda30c8-d59b-48b5-81ae-0b5a66c6c6af&cache=v2)
5. Click on Custom CSS
Add your custom CSS here
![](https://www.notion.so/image/https%3A%2F%2Fimages.tango.us%2Fworkflows%2F5ee60574-ea4e-41bd-b5c1-fc93be8babc3%2Fsteps%2Ff95d0e35-5c7c-47aa-96fd-3c1aa1d6c34a%2F8c933bf8-de67-4dc9-bf6d-924f35ad6f66.png%3Fcrop%3Dfocalpoint%26fit%3Dcrop%26fp-x%3D0.2071%26fp-y%3D0.8434%26fp-z%3D1.8023%26w%3D1200%26border%3D2%252CF4F2F7%26border-radius%3D8%252C8%252C8%252C8%26border-radius-inner%3D8%252C8%252C8%252C8%26blend-align%3Dbottom%26blend-mode%3Dnormal%26blend-x%3D0%26blend-w%3D1200%26blend64%3DaHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n%26mark-x%3D172%26mark-y%3D439%26m64%3DaHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz01NTEmaD0zNTkmZml0PWNyb3AmY29ybmVyLXJhZGl1cz0xMA%253D%253D?table=block&id=64fec14c-79c5-43d7-96f0-d4876521ddbb&cache=v2)
6. Click on Save changes
Your custom CSS has been added
![](https://www.notion.so/image/https%3A%2F%2Fimages.tango.us%2Fworkflows%2F5ee60574-ea4e-41bd-b5c1-fc93be8babc3%2Fsteps%2F005a72c4-697a-49d8-802b-0c69dcfd907e%2Fc8be1af4-199a-4881-96a2-89145613ad9e.png%3Fcrop%3Dfocalpoint%26fit%3Dcrop%26fp-x%3D0.8618%26fp-y%3D0.0321%26fp-z%3D2.8884%26w%3D1200%26border%3D2%252CF4F2F7%26border-radius%3D8%252C8%252C8%252C8%26border-radius-inner%3D8%252C8%252C8%252C8%26blend-align%3Dbottom%26blend-mode%3Dnormal%26blend-x%3D0%26blend-w%3D1200%26blend64%3DaHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n%26mark-x%3D545%26mark-y%3D22%26m64%3DaHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz0zNTEmaD0xMTUmZml0PWNyb3AmY29ybmVyLXJhZGl1cz0xMA%253D%253D?table=block&id=ed65cc9e-1ee9-4c20-8025-568e60db47bc&cache=v2)