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

weemo · February 13

how can I move the logo to the upper left and remove the shop info beneath it so I can place it somewhere else?

thanks

Adrian Samuel · 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

weemo · 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.

weemo · February 19

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

weemo · February 20

I solved this one out.

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

4 comments