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

Question

我有一个带有许多文本小部件的 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”字样中可见的“褪色”效果，是否可以消除？
2. 如何将更多信息文本移近小部件底部，或者将“100%”（从发布源发送到小部件）上移？还是两者兼有？

到目前为止，我完全找不到这个。我几乎没有 .css 技能，这肯定会阻碍我。任何指针，甚至是我可能会寻找什么的建议？

Answer 1

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

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

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

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