Adding Font Awesome Icons to the Widget - Visitor Panel

1589276162637.png

Add extra.less to the template.
Less:
.p-body-sidebar {
    [data-widget-definition="visitor_panel"] {
        .contentRow-minor .pairs {
            margin-right: -8px;

            dt {
                margin-right: 3px;

                &:before {
                    .m-faBase();
                    padding-right: 2px;
                }
            }

            &:nth-child(1) dt {
                .m-faBefore("\f075");
            }

            &:nth-child(2) dt {
                .m-faBefore("\f164");
            }

            &:nth-child(3) dt {
                .m-faBefore("\f091");
            }
        }
    }
}
 
Back
Top