Difference between revisions of "Setting/propertiesinvoicecss"

From Beds24 Wiki
Jump to navigation Jump to search
Line 4: Line 4:
  
 
body {text-align: center; font-size: 16px;} #invoicepropname{font-size: 24px;} #invoiceaddress{font-size: 18px; padding-bottom: 50px;} #invoicetable{margin-left:auto; margin-right:auto;} #invoiceprinttime{font-size: 12px;}
 
body {text-align: center; font-size: 16px;} #invoicepropname{font-size: 24px;} #invoiceaddress{font-size: 18px; padding-bottom: 50px;} #invoicetable{margin-left:auto; margin-right:auto;} #invoiceprinttime{font-size: 12px;}
 +
 +
To change the border colour of your Invoice table.
 +
 +
.invoicetable {
 +
border: red;
 +
}

Revision as of 15:28, 17 December 2021

Here you can enter CSS (Cascading Style Sheet) commands to apply to your printable invoice and booking printouts as well as standard reports. These commands allow customisation of many aspects of the way the HTML page appears in a web browser and is printed.Your CSS commands will be included in the head section of the HTML invoice.

The following example CSS centers the invoice on the screen and changes many of the text sizes.

body {text-align: center; font-size: 16px;} #invoicepropname{font-size: 24px;} #invoiceaddress{font-size: 18px; padding-bottom: 50px;} #invoicetable{margin-left:auto; margin-right:auto;} #invoiceprinttime{font-size: 12px;}

To change the border colour of your Invoice table.

.invoicetable { border: red; }