更改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個像素。

至於淡入淡出的文字，我將不得不看你的代碼。