更改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标记向下。我无法弄清楚2件事：

1. 是什么引起了可以在“MTD”字样中看到的“褪色”效果，并且可以将其删除？
2. 如何将moreinfo文本移动到小部件底部附近，或者将“100％”（从发布源发送到小部件）向上移动？或两者？

我到目前为止一直无法找到它。我没有什么.css技能，这当然让我失望。任何指针，甚至是我可能寻找的建议？

Answer 1

您可以通过编辑元素的边距来移动CSS中元素的位置。例如，你可以在你的小部件的css文件中输入

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

。这会将more-info元素相对于原​​来的位置向下移动20个像素。

至于淡入淡出的文字，我将不得不看你的代码。