Articles on: Widget SDK

Styling the In-App Widget

Badge



Once the counter badge is injected into your HTML, you can style it with some CSS class.

For example, if the badge is overlapping some element in your application, you can use a CSS class to fix it correctly.

The badge structure is:

<div class="changelogfy-badge-container">
  <div class="changelogfy-badge">
    <span class="changelogfy-badge-counter">3</span>
  </div>
</div>


You can easily customize with a CSS code example:

.changelogfy-badge {
  top: 10px !important; // do not forget use !important;
}


Do not forget use !important for overriding the Changelogfy default class!

Updated on: 10/13/2023

Was this article helpful?

Share your feedback

Cancel

Thank you!