Style Options

The Notibar plugin offers a range of style customization options to help you tailor the appearance of the notification bar to match your website's design.

Below are the detailed settings available in the Style Options section:

Style Options

1. Preset Color

   • Color Palette: Choose from a selection of preset color themes for the Notibar. The available colors are displayed as circular swatches. Clicking on a swatch will apply the color theme to the Notibar.

2. Background Color

   • Color Picker: Select a custom background color for the Notibar using the color picker. This option allows you to match the Notibar background with your website's color scheme.

3. Text Color

   • Color Picker: Choose a color for the text displayed in the Notibar. This ensures the text is readable against the chosen background color.

4. Button Color

   • Color Picker: Select a color for the button displayed on the Notibar. This helps the button stand out and align with your website's design.

5. Button Text Color

   • Color Picker: Choose a color for the text on the Notibar button. This option ensures the button text is clear and visible.

6. Font Size (px)

   • Input Field: Enter the desired font size for the text in the Notibar in pixels. This allows you to adjust the text size for better readability and aesthetic appeal. For example, you can set the font size to 15 pixels.