When creating a smart tip Usetiful offers the option to enable the hotspot beacon - a blue pulsating dot that invites your users' attention to discover more information about an element on the page - with the help of the smart tip. 


The smart tip hotspot beacon now features three different views

- pulsating dot

- NEW: question mark

- NEW: info icon


To select the smart tip hotspot beacon view, we have added an option in every smart tip settings called "Icon" - it will only be available when the beacon is enabled on the smart tip. 



To change the color of the pulsating point, follow the instructions below

- create a theme in the Themes section of your account

- scroll down the lift-side menu in the theme editor and open the Custom CSS section

- in the Custom CSS window paste the following code, replacing the color code with the desired one, and save the theme

- apply the theme on the smart tips group


Note: the smart tip beacon will always inherit the color scheme from a tour that is targeted to the same page


.#{classNamePrefix}-beacon {
color: #008B8B;
}