Endpoints: Web Widget - Styling with CSS

The Web Widget feature is a powerful function which allows you to embed Omnilert alerts into virtually any website with a simple JavaScript.  Once embedded, your webmaster will need to adjust your local StyleSheet info to include styling for the widget. The CSS code used will depend on your preferences and the type of widget layout chosen ("Standard" or "HTML5").

Standard Layout [HTML Tabled]

The "Standard" layout widget script will render a simple HTML table that shows any published alerts for that feed. (If there are no current alerts, the script returns nothing in an empty document.write('') 

The table itself will need some simple CSS adjustments to change the look to match your website's design.*

To do this, just copy the following CSS styles into your local stylesheets and then edit as needed:

HTML5 Layout (Uses DIVs instead of TABLES)

If using the table-free "HTML5" formatted widget option, use the CSS styles below. (Adjust the colors and options to taste, of course!)

*If you are unfamiliar with CSS, we encourage you to check out https://www.w3schools.com/css/ for a tutorial on CSS in web design.