investi-add-subscriber

investi-interactive-announcements

by contact_investi_com_au

HTML

<link href="//api.investi.com.au/investi-widget.css" rel="stylesheet" />


<div class="investi-add-subscriber"
  data-investi-email-alerts-options
  data-investi-is-shareholder-option
></div>

<script src="//api.investi.com.au/investi.js?apiKey=c8d685c4-f8b5-48bb-a046-0874b66cec72"></script>

<!--  Additional attributes below

  data-investi-submit-button-text="Submit"

  data-investi-email-alerts-heading="Email Alerts"
  data-investi-email-alerts-announcements-text="ASX Announcements"
  data-investi-email-alerts-other-text="Media Releases and other news"
  data-investi-is-shareholder-text="Do you currently hold shares in this Company?"

  data-investi-google-subscribe
  data-investi-linkedin-subscribe
  data-investi-google-one-tap

-->

CSS

body {
  background: #f7f7f7;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 28px;
  color: #333;
}

/* keep the single-column stacked layout */
.investi-add-subscriber {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 16px !important;
  max-width: 560px;
  margin: 0 auto;
}

/* plain square text inputs */
.investi-add-subscriber__first-name,
.investi-add-subscriber__last-name,
.investi-add-subscriber__email {
  background: #fff !important;
  border: 1px solid #ccc !important;
  border-radius: 0 !important;
  padding: 10px 12px !important;
  font-size: 1rem !important;
  color: #333 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.investi-add-subscriber ::placeholder { color: #999; }

/* email-alerts / shareholder sections */
.investi-add-subscriber__fieldset {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  gap: 6px !important;
}
.investi-add-subscriber__legend {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #333 !important;
  padding: 0 !important;
  margin-bottom: 4px;
}
.investi-add-subscriber__option {
  font-size: 0.95rem !important;
  color: #333 !important;
  padding: 0 !important;
}
.investi-add-subscriber__option input { width: 15px; height: 15px; }

/* neutral square submit button */
.investi-add-subscriber__submit {
  background: #595959 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 11px !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  cursor: pointer;
  width: 100% !important;
}
.investi-add-subscriber__submit:hover { background: #444 !important; }

.investi-add-subscriber__feedback { font-size: 0.9rem; margin-top: 4px; }
.investi-add-subscriber__feedback.investi-error { color: #c0392b; }
.investi-add-subscriber__feedback.investi-success { color:...