Message Types

14 Mar 2018 in: Message

Message

A basic message

We just updated our privacy policy here to better service our customers. We recommend reviewing the changes.

  <div class="wojo message">
    <div class="header"> Changes in Service </div>
    <p>We just updated our privacy policy...</p>
  </div>

Icon Message

A message can contain an icon.

Get the best news in your e-mail every day.

<div class="wojo icon message">
  <i class="inbox icon"></i>
  <div class="content">
    <div class="header">
      Have you heard about our mailing list?
    </div>
    <p>Get the best news in your e-mail every day.</p>
  </div>
</div>

Colored

A message can be formatted to be different colors

primary

alert

positive

negative

black

<div class="wojo info message">primary</div>
<div class="wojo alert message">alert</div>
<div class="wojo positive message">positive</div>
<div class="wojo negative message">negative</div>
<div class="wojo black message">black</div>

css file location in /themes/master/css/message.css