Difference between revisions of "Setting/propertiesinvoicecss"
Markkinchin (talk | contribs) |
|||
| (2 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| − | Here you can enter CSS (Cascading Style Sheet) commands to apply to your printable invoice and booking printouts. 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. | + | 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. | 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;} | 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;} | ||
| + | |||
| + | |||
| + | |||
| + | It is possible to set the border colour for your Invoice table. | ||
| + | |||
| + | .invoicetable { | ||
| + | border: red; | ||
| + | } | ||
Latest revision as of 14:29, 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;}
It is possible to set the border colour for your Invoice table.
.invoicetable { border: red; }
