Skip to main content
You can control the size of your notifications through the built-in settings or with custom CSS.

Built-in size options

Some notification types have a size selector in the settings panel (small, medium, large). Choose the one that fits your content.

Custom sizing with CSS

For more control, use the Custom CSS field:
/* Make the modal wider */
.tinybell-modal {
    max-width: 700px;
}

/* Make the bar taller */
.tinybell-bar {
    padding: 20px 15px;
}

Tips

  • Wider modals work well when you have an image + text side by side
  • Keep bars slim (they should not cover too much content)
  • Always check mobile: a wide modal on desktop may overflow on small screens