How to reduce white space at the top of the packing slip

Store Design
1

Does anyone know which bit of the liquid code changes the white space at the top of the packing slip? I have a bigger than necessary white area above my logo, I want to reduce it by about half.

Thanks

1 Like
2

Hello @Angela_Jenkinso

It’s GemPages support team and glad to support you today.

To provide you with the most precise solution in this case, could you please share the home page link?

3

Hi, link here https://firedcreations.co.uk/

This just applies to my packing slips, I want less space above the logo, this is because I print on A5 paper.

thanks

4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >timber.scss.css and paste this at the bottom of the file:
div#powrIframeLoader {
    display: none;
}

ZestardTech_0-1674460791201.png
ZestardTech_0-1674460791201.png1910×268 92.6 KB

5

@Angela_Jenkinso

Do you want to reduce this distance?

Screenshot at Jan 23 17-33-41.png
Screenshot at Jan 23 17-33-41.png2001×520 170 KB

6

Thanks for your reply. It’s the packing slip I want to change. The space at the top of the printed page is too large.

7

Hi, thanks for the replies, but it’s not the theme I was to change, it’s the packing slip, there is a lot of space above the logo, and between the logo and the ‘post to’,’ invoice to’ This is the area I want smaller. Any ideas most welcome.

8

I had the same issue and it had bothered me for quite some time. This seemed to cut down the whitespace at the top of my packing slip by half. I removed the top margin.

.wrapper {
width: 831px;
margin: auto;
/padding: 4em;/
padding: 0 4em 4em; /* get rid of whitespace above */
font-family: “Noto Sans”, sans-serif;
font-weight: 250;
}

9

You can reduce the padding in header CSS: I change it from 4em, to 1em for less space at the top.

.wrapper {
width: 831px;
margin: auto;
padding: 1em;
font-family: “Noto Sans”, sans-serif;
font-weight: 250;
}