Can I customize my widget CSS

You can add custom CSS to any Senja widget to fine-tune its appearance beyond the built-in design options.

Add custom CSS to a widget

1. Go to Studio in your dashboard: https://app.senja.io/studio

   

2. Create new widget or select the widget you want to customize

   

3. Click Design in the menu

   

4. Scroll down until you find Advanced > Custom CSS

   

5. Add your CSS in the editor

   

6. Click Save changes

Find element classes to style

To target specific elements in your widget:

1. Right-click on your widget and select Inspect to open Chrome DevTools

2. Click the element selector icon (top-left corner of DevTools), then click the element you want to style

3. In the Elements tab, look for a class attribute starting with sj-

   

4. If the element doesn't have an sj- class, check its parent elements

5. Use that class in your custom CSS, adding !important if needed to override defaults