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

   

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