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