Popup Notice or Announcement

Want to use the popup for a quick notice or announcement on your website? We got you! Here’s a little CSS snippet you can add to hide the email address form and CTA button.

/* Hide the email field */

input#ba_widget_email_input {
display: none !important;

/* Hide the button */

button#ba_widget_cta_button {
display: none !important;

Dismiss Button

Totally optional, but if you want to transform the dismiss text into a dismiss button for your popup notice or announcement, you may add this CSS snippet to do so! You can definitely make some adjustments here for it to match your theme.

/* Dismiss button */

.ba_initial_state_dismiss_text {
color: #757575 !important;
background: #81c784 !important;
width: 100% !important;
height: 50px !important;
position: relative !important;
display: inline-block !important;
border: 0.1rem solid #fff0 !important;
border-radius: 0.3rem !important;
padding-top: 13px !important;
text-align: center !important;
font-size: 21px !important;

.ba_initial_state_dismiss_text.close_ba_widget:hover {
color: #cccccc !important;
background: #2E7D32 !important;
text-decoration: none !important;

Common questions

Is it possible to hide the email address field only but not the CTA button?

Yes, it is possible but definitely not recommended as the claim button will not work unless an email is provided.

Did this answer your question?