Lightswitch HTML - add image to command bar RRS feed

  • Question

  • I know this is possible to do, however my CSS skills aren't the best, so could someone help me or point me in the right direction.

    What I am looking for: (to add an image at the bottom right of the command bar at the bottom of the Lightswitch HTML screen) enter image description here

    the code that needs editing is in the msls-2.5.1.css file i think, under the tag of .msls-footer, i want a static image adding on the very right, approx 8% as wide as the screen as to not distort the image to much. 

    Thankyou for any support on this, it is greatly appreciated!!

    code that I think affects it when hitting F5 in the browser:

    .msls-footer {
        width: 100%;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        .msls-footer.ui-page-footer-fixed {
            padding-bottom: 0;
    .msls-footer-content {
        margin-right: auto;
        .msls-footer-content:not(.msls-footer-content-active) {
            display: none;
    Tuesday, January 19, 2016 11:52 AM