Appearance
These options (under WB Plugins > LMS Notes > General) control how the note icon and the note editor look on the front end.
Position of the “Create Note” icon
Section titled “Position of the “Create Note” icon”Choose whether the floating icon sits on the Left or the Right of the screen.
Horizontal position (X-axis) of the icon
Section titled “Horizontal position (X-axis) of the icon”A number from 0 to 100 that sets the icon’s vertical offset as a percentage from the top of the screen. Use it to move the icon up or down so it does not overlap other on-screen elements.
Notes View Mode
Section titled “Notes View Mode”| Mode | Behavior |
|---|---|
| Pop-up | The editor opens as a movable dialog over the page (drag it by its header). |
| Sticky | The editor stays docked on the page. |
Enable Note Animation
Section titled “Enable Note Animation”When on, the note icon animates to draw attention. Turn it off for a static icon.
Use custom image for the “Create Note” icon
Section titled “Use custom image for the “Create Note” icon”Upload your own icon image (JPG, PNG, or SVG if your site allows SVG uploads) to replace the default note icon. Use the remove control to revert to the default.
Colors
Section titled “Colors”Each color field offers a color picker, a hex value, and a Reset to Default button.
| Setting | Controls | Default |
|---|---|---|
| Notes Icon Background Color | The floating icon’s background | #0182DD |
| Modal Header Background Color | The editor header bar | #0182DD |
| Modal Content Background Color | The editor body | #ffffff |
| Modal Button Background Color | The Save/Update button | #0182DD |
Click Save Changes to apply. Color changes take effect immediately on the front end.