更改 Dashing 小部件中的更多信息文本位置

Changing moreinfo text position in Dashing widget

我有一个包含许多文本小部件的 Dashing 仪表板。这些都有更多信息数据标签。我发现有必要为小部件使用相当小的基本尺寸。

小部件如下所示：

描述此小部件的 .erb 代码是：

<li data-row="2" data-col="2" data-sizex="1" data-sizey="1">
<div data-id="dc-us01mtd" data-view="Text" data-moreinfo="MTD"></div>
</li>

所以，我只想将 moreinfo 标签下移。我无法弄清楚两件事：

  1. 在 "MTD" 字样中可以看到 "fading" 效果的原因是什么，可以将其删除吗？
  2. 如何将更多信息文本移动到靠近小部件底部的位置，或者将“100%”（从发布源发送到小部件）向上移动？或者两者兼而有之？

到目前为止我完全找不到这个。我几乎没有 .css 技能，这无疑让我望而却步。关于我可能寻找的内容的任何指示或建议？

您可以通过编辑元素的边距来移动 css 中元素的位置。例如你可以把

.more-info {
  margin-top: 20px;
}

在您的小部件的 css 文件中。这会将更多信息元素相对于其所在位置向下移动 20 像素。

至于褪色的文字，我得看看你的代码。