Moving logo to the upper left in the Work Order receipt?

4 comments

• Adrian Samuel Posts: 367Moderator, Lightspeed Staff moderator

  February 13

  Hey @weemo, inside the template you have some CSS between the styles section that looks like this

  {% block extrastyles %}
  {% endblock extrastyles %}
  

  In that section simply replace

  .header img {
    display: block;	
    margin: 8px auto 4px;
    }
  

  with this:

  .header img {
    display: block;	
    margin: 0px;
  

  All we're doing is removing the margin on the image, bringing it back to its default position which is the top-left.

  
  

  To place the shop info elsewhere would be to use CSS. To remove it would be to delete it altogether...which you only want to do if you know how to write it. Since you want to just move it, use CSS to move it to another portion of the template

  The shop info is found between 253-263 in the template:

  https://github.com/merchantos/PrintTemplates/blob/master/workorder/customizable_workorder.tpl

  0 · Share on Google+
• weemo Posts: 8Member 

  February 19

  thanks Adrian. I want to move the shop info but at the same height of the Customer information. I tried doing a three column template with no success. Trying to customize this template to look more like the ecom invoice.

  0 · Share on Google+
• weemo Posts: 8Member 

  February 19

  ok I am almost done but cant move that shop info to the left thanks

  0 · Share on Google+
• weemo Posts: 8Member 

  February 20

  I solved this one out.

  5 · Share on Google+