Warning box

Preview

Warning Your warning text here.


How to implement

Add the following CSS to the style file. It will overwrite the default Warning Box styling.

CSS Code

Copy Code
CSS
/* WarningBox Modern*/
.warningBox {
  background: #FFFFFF;
  box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  margin: 10px 0px 0px 20px;
  border-bottom: 3px solid #ff9915;
}

.warningBox td {
  vertical-align: middle;
}

.warningBoxImageCell {
  padding: 20px 10px 10px 10px!important;
}

.warningBoxText {
  padding: 10px 20px 10px 10px!important;
}

Default Warning Box Markup

Copy Code
HTML
<table class="warningBox" cellpadding="0" cellspacing="0">
  <tbody>     
    <tr>
      
      <td class="warningBoxImageCell">
        
        <img alt="Warning" src="/resources/Storage/YOUR-PROJECT-ID/warning.png"/>         
      </td>
      
      <td class="warningBoxText">
        
        Warning Box Text         
      </td>
      
    </tr>
    
  </tbody>   
</table>
© ClickHelp. All rights reserved.
Didn't find what you're looking for? Let us know what you need!

The information and examples in this Knowledge Base are presented "as is" and for informational purposes only — we do not provide Technical Support for it. Neither can we guarantee that the examples provided will work as intended in your particular scenario, nor do we provide assistance in customizing these examples to fit your use case.