Info box

Preview

	Your information text here.

How to implement

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

CSS Code

Copy Code

CSS

/*InfoBox Modern */
.infoBox {
  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 #05bbf4;
}

.infoBox td {
  vertical-align: middle;
}

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

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

Default Info Box markup

Copy Code

HTML

<table class="infoBox" cellpadding="0" cellspacing="0">
  <tbody>     
    <tr>
      
      <td class="infoBoxImageCell">
        
        <img alt="Information" src="/resources/Storage/YOUR-PROJECT-ID/info.png"/>         
      </td>
      
      <td class="infoBoxText">
        
        Your information text here.         
      </td>
      
    </tr>
    
  </tbody>   
</table>

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.