Use Extra CSS to modify how Connecto notifications look

What it does

Sometimes a particular template might not have all the things you might want to show in your notification, like a specific arrangement of elements, a different close button and any such modified theme elements. Connecto lets you add your own CSS to notifications which overrides the template CSS. Hence you can modify any of our templates to meet almost any visual/design requirements.

How to set up:

  1. Create a notification by selecting a fitting template, configure position, height/width, message, form fields etc.
  2. In Visuals itself, go to Advanced Options -> Other options, Find the ‘Extra CSS’ field and add your CSS.
  3. Set up any other targeting and save.


One of our clients wanted to customise one of their notifications with red check marks and a black app download button with their selected theme didn’t have by default, so they added their own overriding css to get the desired visual.

Screen Shot 2016-06-06 at 12.39.52 am

1 found this helpful