sticky widgets

[inspiring]

hi could you add this ability to widgets?
sticky top bottom or sides

[baris]

Hey @inspiring you should be able to do this with the current widgets using a sticky-top class on the container. See below:

Create a regular html widget and then use the below markup in the container section

<div class="sticky-top" style="top: 1rem;">
  <div class="card">
    <h5 class="card-header">{{title}}</h5>
    <div class="card-body">{{body}}</div>
  </div>
</div>

[inspiring]

@baris Thanks I try it but it didn't work

HTML Codes:
<a href="*****">
<img src="*******" alt="sin8" style="width:100%" margin-bottom:"4px">
</a>

The container:
<div class="sticky-top" style="top: 1rem;">

</div>

[baris]

You need {{body}} inside the container. Post a screenshot of your widget settings if you can't figure it out.