----------------------html---------------------------

<div id="alert-image-wrap">
	<div id="alert-image">{img}</div>
</div>

<div id="alert-text-wrap">
  <div id="alert-text">
    <div id="alert-message">{messageTemplate}</div>
    <br>
    <div id="alert-user-message">{userMessage}</div>
  </div>
</div>

-------------------end of html ---------------------


----------------------css---------------------------

.widget-AlertBox {
    position: absolute;
}
body,
html {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

#alert-text {
    padding: 40px;
    top: 70px;						/* mexeres aqui centra o texto com o nome da pessoa, quantos mais px, mais para baixo fica */
  	z-index: 4;
    position: relative;

}
#alert-message,
#alert-user-message {
    text-align: center;
    vertical-align: middle;
    margin-top: 70px; 				/* mexeres aqui desce o texto do user, quantos mais px, mais para baixo fica */
}

-------------------end of css------------------------

----------------------
Resub Message Setings;

Show
Allow Twitch emotes
Font: Open Sans
Font Size: 24px
Font Weight: 100

----------------------
Font Setting;

Font: Open Sans
Font Size: 36px
Font Weight: 600