You are viewing a plain text version of this content. The canonical link for it is here.
Posted to notifications@superset.apache.org by GitBox <gi...@apache.org> on 2019/12/16 23:25:29 UTC
[GitHub] [incubator-superset] rusackas commented on issue #8314: How to
change Big Number CSS to be like that?
rusackas commented on issue #8314: How to change Big Number CSS to be like that?
URL: https://github.com/apache/incubator-superset/issues/8314#issuecomment-566295231
> @rusackas What version of superset do you have installed?, I have tried this hack on `v.0.28.1` and did not work.
> Thanks
I'm not sure what I was running at the time, but I usually run the latest code on `master`. Not sure where you added the CSS, but just for clarity, do the following (which I did on the example Baby Names dashboard):
1. click "Edit Dashboard"
2. click the dropdown arrow at the far right next to "Switch to view mode", and select "Edit CSS" from the dropdown menu.
3. Paste in this block of CSS:
```
.superset-legacy-chart-big-number:nth-of-type(1){
background: orange;
}
.superset-legacy-chart-big-number .subheader-line {
text-align: left;
position: absolute;
bottom: 10px;
left: 10px;
}
.superset-legacy-chart-big-number:nth-of-type(1)::after {
content: '';
display: block;
height: 60px;
width: 60px;
background: url(https://image.flaticon.com/icons/png/512/121/121901.png);
background-size: contain;
position: absolute;
bottom: 20px;
right: 20px;
}
```
4. You should see the result instantly, but you can close the modal/overlay, and click "Switch to view mode" to finish editing.
The result should look like so:
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org
For additional commands, e-mail: notifications-help@superset.apache.org