The Style option in the WiserNotify “Social Proof ” notification Design configuration allows you to customize the appearance and visual effects of your notification. Here’s a detailed explanation of each feature in the Style tab:
1. Mode (Color Scheme)
- Light/Dark Mode Switch:
- Choose between light and dark color schemes for your notification.
- This setting ensures your notification blends seamlessly with the overall theme of your website.
2. Shape
- Background Color:
- You can set a custom background color for the notification.
- This option allows you to match the notification design with your website’s branding.
3. Mobile Size
- Zoom (1):
- Adjust the size of the notification specifically for mobile devices.
- Use the slider to scale the notification to ensure it’s appropriately sized for smaller screens.
4. Desktop Size
- Zoom (1):
- Customize the size of the notification for desktop users.
- Similar to mobile, this ensures the notification fits well on larger screens without overwhelming the page layout.
5. Shadow
- Effect:
- Enable or disable a shadow effect for the notification. This gives the notification a lifted or 3D appearance.
- Horizontal:
- Adjust the horizontal offset of the shadow. Positive values move the shadow to the right, and negative values move it to the left.
- Vertical:
- Adjust the vertical offset of the shadow. Positive values move the shadow downward, and negative values move it upward.