Replacing the Seller's logo and data on the invoice printout (without the Default and Old template)

Created: 2021-02-16
Last updated: 2021-04-07

Post view count: 1008

Note! Please remember that the following changes are visible only on the printout or in the PDF generated from the system.

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.

  • in the Blue template:
 

} @media all{ 
.invoice_title{ 
float:right; 

#logo_place+img{ 
display:inline; 

  • in the Plain black template:


}@media all
{#info, #logo
{display:block;}#logo, #logo_place
{float:left;}#info
{float:right !important;text-align:right;}}

 

  • in the Gray template:


}@media all
{#info, #logo
{display:block;}#logo,#logo img
{float:right;}#info
{float:left !important;text-align:left;}}

  • in the Simple template:


} @media all{ 
#invoice_header{ 
display:flex; 
flex-direction:row-reverse; 

#logo img{ 
display:inline-block; 

#logo_place{ 
float:right; 

#info{ 
text-align:left; 

  • in the Sky template:


} @media all{ 
#invoice_header{ 
display:flex; 
flex-direction:row-reverse; 

#logo img{ 
display:inline-block; 

#logo_place{ 
float:right; 

#info{ 
text-align:left; 

}

 


table.clean.to_half tbody tr td { 
float: right; width: 45%; 
} 

table.clean.to_half tbody tr td.logo_inside { 
float: left; 
width: 45%; 
display: inline-block; 
}

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

Sign up free


Back


Add Comment