How can I edit and align text in a packing slip template?

[ermyv]

Hey guys!
Maybe someone of you can help me with two questions about customization of the packing slip template.

1. In the place highlighted in red, I want to write two words “Your order”, but since there is a space between the words, these two words are located on two lines, and I want on one line.

If I add an underscore between the words, then they are on the same line as they should! So the problem is in the space! How to fix it? I want space between words, but I want words on one line …

2. I would like to align the bar with the product quantity. I want to align the column in the middle. Is it possible to fix it?

I would be glad for any of your help, thanks !!!

[suyash1]

@ermyv - can you please share packing slip preview? so I can check it on browser and let you know if we can do it via css

[ermyv]

@suyash1

[suyash1]

@ermyv - no not image, do you have link to open in browser?

[ermyv]

@suyash1

Sorry, here is the link, this page opens when I click on the button “Preview template”:

https://storage.googleapis.com/html2pdf/1_Shopify_51079413959/82f9ba49f58ea13b49d8b0f8dbae382688d28509082d8a7fdd27897e2f0517d4/packing_slip.pdf?GoogleAccessId=html2pdf-production%40shopify-applications.iam.gserviceaccount.com&Expires=1618899523&Signature=■■■■6DA%2BHnBY55zMi9WkFvG0I7iq2XDXON6JemcBih1cDWQgRV9KhhXxBRWZ20PWaBBceI2J2rUxqbdYh4CuBJ8OPEE1Iido4PHliMEPOfUdjrK9NKO27iOGKRxrubbvUF9rS0BTRzcy94ntutjI2yGHIg%2Bjm5nZlyoGn4wTTZke2KFQgfBHkN2bAUJjbAl45BBibWv%2FZUtRss95SEqjDCLjUg6pStEztvpO4G%2BlVWO2h3UXyYoI%2BM%2FJuOC6pk%2BppK7T%2B2ePtDb8VFXRAUm5nbxYSoyPtvjdxC03K0SiMJBpQWkSSRtAxR3U1k9fC408r0xZlVZWvnwKU20cSl3wrw%3D%3D&response-content-disposition=inline%3B+filename%3D%22packing_slip.pdf%22%3B+filename%2A%3DUTF-8%27%27packing_slip.pdf&response-content-type=application%2Fpdf

[suyash1]

@ermyv - this is pdf this too will not help, is it ok if you add me as staff or collaborator? I will check it from code

[ermyv]

@suyash1

I hope now I understood you correctly)) below I added the code for the template!

But if it is convenient for you, I can send you an invitation and add you as a staff

  

    

      

        
![byChuri_logos__1.png?v=1613758113|1300x474](upload://s3eNwG0GdCdgmqhrQZXCtKtkfBE.png)

      

    

    

      

        Заказ {{ order.name }}
      

      

        {{ order.created_at | date: "%d/%m/%Y" }}
      

    

  

  
    

      

        {% if delivery_method.instructions != blank %}
          Delivery to
        {% else %}
          Адрес доставки
        {% endif %}
      

      

        {% if shipping_address != blank %}
          {{ shipping_address.name }}
          {% if shipping_address.company != blank %}
            

            {{ shipping_address.company }}
          {% endif %}
          

          {{ shipping_address.address1 }}
          {% if shipping_address.address2 != blank %}
            

            {{ shipping_address.address2 }}
          {% endif %}
          {% if shipping_address.zip != blank %}
            

            {{ shipping_address.zip }}
          {% endif %}
          

          {{ shipping_address.country }}
          {% if shipping_address.phone != blank %}
            

            {{ shipping_address.phone }}
          {% endif %}
        {% else %}
          No shipping address
        {% endif %}
      

    

    
      

        Платежный адрес
      

      

        {% if billing_address != blank %}
          {{ billing_address.name }}
          {% if billing_address.company != blank %}
            

            {{ billing_address.company }}
          {% endif %}
          

          {{ billing_address.address1 }}
          {%  if billing_address.address2 != blank %}
            

            {{ billing_address.address2 }}
          {% endif %}
          {% if billing_address.city_province_zip != blank %}
            

            {{ billing_address.city_province_zip }}
          {% endif %}
          

          {{ billing_address.country }}
        {% else %}
          No billing address
        {% endif %}
      

    

  

  

---

  
    

      

        

          Ваш_заказ:
        

      

      
        

          Количество
        

      

    

    {% comment %}
    To adjust the size of line item images, change desired_image_size.
    The other variables make sure your images print at high quality.
    {% endcomment %}
    {% assign desired_image_size = 58 %}
    {% assign resolution_adjusted_size = desired_image_size | times: 300 | divided_by: 72 | ceil %}
    {% capture effective_image_dimensions %}
      {{ resolution_adjusted_size }}x{{ resolution_adjusted_size }}
    {% endcapture %}

    {% for line_item in line_items_in_shipment %}
      
        

          {% if line_item.image != blank %}
            

              {{ line_item.image | img_url: effective_image_dimensions | img_tag: '', 'aspect-ratio__content' }}
            

          {% endif %}
        

        
          

            
              {{ line_item.title }}
            
            {% if line_item.variant_title != blank %}
              
                {{ line_item.variant_title }}
              
            {% endif %}
            {% if line_item.sku != blank %}
              
                {{ line_item.sku }}
              
            {% endif %}
          

        

        
          

            {{ line_item.quantity }}
          

        

      

    {% endfor %}
  

  {% unless includes_all_line_items_in_order %}
    

---

    

      There are other items from your order not included in this shipment.
    

  {% endunless %}
  

---

  {% if order.note != blank %}
    
      

        Notes
      

      

        {{ order.note }}
      

    

  {% endif %}
  {% if delivery_method.instructions != blank %}
    
      

        Delivery instructions
      

      

        {{ delivery_method.instructions }}
      

    

  {% endif %}
  
    

      Красотка, спасибо, что выбрала нас! 
    

    

      <strong>
        
![shutterstock_1816313213.jpg?v=1617715971|2458x2345](upload://bpF9VxgGBsXLj7rt2NEHXVb5jI5.jpeg)

        @{{ shop.name }}
      </strong>
      
      

      
![mail.jpg?v=1617714734|1383x928](upload://cQauIgzbNRZFlcUT0zvi8h99OjF.jpeg)

      {{ shop.email }}
      

      
![internet.jpg?v=1617714925|1382x1382](upload://bMYQlFvOILQlu1ZfxxDStYlQpym.jpeg)

      {{ shop.domain }}
    

  

[suyash1]

@ermyv - sure, can you please add me to staff? You have my email below. I will check it.

[ermyv]

@suyash1

I have sent you the invitation!

[suyash1]

@ermyv - I logged in, checking it now

[suyash1]

@ermyv - please check packing slip and let me know.

[ermyv]

@suyash1

Sorry for not responding for a couple of days. I looked, thank you very much, now two words are on the same line! Please tell me, the quantity could not be aligned in the middle?

[suyash1]

@ermyv - I made css change but it breaks the alignment

[ermyv]

@suyash1

Ok then let’s keep the previous alignment please, I can’t change it back myself))

[suyash1]

@ermyv - changed, please check

[ermyv]

@suyash1

Yes, thank you very much!