Center gauge in masonary container


I have a masonary container with a gauge in it. It is shown below.


I have some CSS for it:

#nr-dashboard .masonry-container ui-card-panel#Pool_Water {

box-shadow: 0 0 6px #00000070;

background: transparent;



Does anyone know how to center the gauge in the container? It's currently aligned right. I have tried align-items: center; but that didn't work :\

Hi @Sirhc

I am not a pro with dashboard, better people here than I, but...

If you add a ui_template node, and set to appear in the head section with the following.

    .center-gauge {
        width:100% !important;

Then, add a class to your gauge node


Thank you!

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.