You can use custom CSS (by adding it within the Styling section) to adjust the design of your Launchers. 

Note: this may not be available on your plan. You can get access to custom CSS by upgrading to our Standard plan here

The classes and options available:

  • Target a specific Launcher by prefixing selectors with Launcher ID*: chmln-list-{list ID} 
  • Adjusting the Menu styling (e.g. background color, corner radius): .chmln-list
  • Adjusting the text within the Menu title: .chmln-list-title 
  • Adjusting the Menu dismiss: .chmln-list-close
  • Adjusting the text for the Tours titles: .chmln-list-campaign-title
  • Adjusting the text for the Tours descriptions: .chmln-list-campaign-description)
  • Adding or removing Search bar .chmln-list-search 
  • Adjusting the checkmark style for the checklist (within the Menu): .chmln-list-checkmark 
  • Adjusting the Widget styling: .chmln-list-trigger)

*Finding the ID of a Launcher

To find the ID of a Launcher, use the Browser Console. Right click the Launcher in question in the Sidebar and then click 'Inspect element'. 

Hover over the <li id="chmln-list-XXXXXXXX"  row which corresponds to the Launcher above and then use the XXXXXXXXX  as the ID.

Did this answer your question?