Customizing Label

loprolopro Member Posts: 1

Hi,

In Settings > Print Templates, I changed ItemLabel code to use different font-size and to change some text printed on the label. Even when the modifications are saved, the print labels don't apply changes and they are print as same as before the modifications.

Do I need to do another modification to make sure my custom code overwrite yours ?

Thank you

1 comment

  • Adrian SamuelAdrian Samuel Moderator, Lightspeed Staff Posts: 569 moderator

    Hey @lopro,

    You're most likely facing an issue with CSS specificity since most of the styling on the label template is hosted remotely and inserted so that it's nearly always higher on the chain of specificity.

    You could explore adding some IDs or classes to the elements you want to design or you could use the !important; declaration


    This
    p {
        font-size: 15pt;
    }
    
    Should be written like this
     p {
        font-size: 15pt !important;
    }
    

    You can read more about specificity here: https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

    Hope this helps!

    Adrian Samuel

    API Integrations Consultant - Strategic Solutions

    Lightspeed HQ

Sign In or Register to comment.