Reducing the Logo size on the invoice

Created: 2021-02-15
Last updated: 2023-12-22

In order to change any element of the invoice on the printout, go to the Settings> Account settings> Print settings tab, and then at the bottom of the page fill in the field Customize print with CSS  with an appropriate CSS code.

To reduce the size of the logo that was previously added to the invoice, use one of the following codes, depending on the used document template:

  • in Default, Plain Black, Gray, Simple, Sky templates


} @media all { 
#logo_place img { 
width: 230px; 
height: 60px; 

  • in the Old, Blue templates


} @media all { 
#logo_place+img { 
width: 230px; 
height: 60px; 

}


In the above CSS codes, the width: 230 px and height: 60 px represents the width and height of the logo expressed in pixels. These numerical values ​​can be changed freely, for example, for the Old template, if you want the logo to be 150 pixels high and 300 pixels wide, you will use the following code:

} @media all { 
#logo_place+img { 
width: 300px; 
height: 150px; 

}

Create unlimited invoices and more with InvoiceOcean. Start your 30-day free trial.

Sign up free


Back


Add Comment