Welcome to our Customer Service Portal

Bold360ai Interfaces

How to customize Slim widget?

Unlike our older widget skins, Slim is a highly customizable solution and its styling options limited only by your imagination and available CSS features.

Custom CSS styling can be applied to both floating and embedded widgets in either your custom CSS Style Sheet at parent website or directly in Nanorep console => Touchpoints => Custom CSS field:

Please note however that some adjustments will require !important to be appended to each CSS settings to override the widget default settings, for example: 

.widget-floating__wrapper {

    width:600px !important;


Customization examples for each Slim widget skin: 

1) Slim Floating widget

2) Slim Side widget (floating)

3) Slim Embedded widget

4) Slim Support Center


For more information about CSS features and syntax fell free to check this awesome tutorial: http://www.cssbasics.com/

Do not hesitate to contact us if you need any assistance with styling changes.