How to centre footer region of invoice

Hi,

Need some help centring the text i have in the appended text section of the footer region:

/*HEADER DETAILS------------------------------- */

.invoice-header-region {
width:630px;
text-align:center;
position: static;
}
.invoice-header {
font-family: Cambridge;
font-size: 26px;
font-weight: normal;
width:630px;important;
text-align:center;
position:absolute;
}
.invoice-header-label {
color: #034ea2 !important;
}
.invoice-text {
font-family:Arial;
font-size:12px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #000000;
}
/*ADDRESS DETAILS------------------------------- */

.recipientAddressDetails {
width:300px;
height:80px;
text-align:left;
vertical-align:middle;
margin: 25px 0;
}
/LABELS ---------------------------------------/
.invoice-details-tbl {
width:630px;
}
.invoice-details-left-td {
width:100%;
padding-right:10px;
text-align:right;
}
.transform-invLabel_04 {
content: “Invoice Date”;
}
.transform-invLabel_09 {
content: “Our Reference”;
}
.transform-invLabel_02 {
content: “Order Number”;
}
/*ITEMISED AREA ------------------------------- */
}
.invoice-items-header-cell {
background-color:#EFEFEF;
padding-top:20px;
padding-bottom:5px;
text-align:center;
border-bottom: solid 1pt #ccc;
}
.invoice-items-body-cell {
padding-top:10px;
padding-bottom:6px;
text-align:center;
}
.transform-taskHead_02 {
content: “Description”;
}
.transform-taskHead_05 {
content: “Amount”;
}
.thItems3, .thItems4, .tdItems3, .tdItems4 {
display:none !important;
}
.invoice-items-tbl {
width:630px;
}
/*FOOTER REGION ------------------------------- */
.invoice-footer-tbl {
width:315px;
}
.invoice-footer-left-td {
width:50%;
padding: 5px 4px;
text-align:right;
border-bottom:1pt solid #CCCCCC;
vertical-align:top;
}
.invoice-footer-right-td {
width:50%;
padding: 5px 8px 5px 4px;
text-align:right;
border-bottom:1pt solid #CCCCCC;
vertical-align:top;
}
.invoice-status-container {
width:315px;
text-align:left;
float:left;
position: static;
height: 130px;
}
.invoice-totals-container {
width:315px;
text-align:right;
float:right;
position: static;
min-height: 130px;
}
.invoice-overview-details {
width:315px;
text-align:right;
float:right;
position: static;
}
.invoice-items-region {
width:630px;
text-align:left;
position: relative;
}
.invoice-footer-region {
width:630px;
margin-top: 15px;
text-align:center;
position: center;
min-height:160px;
overflow: auto;
}
.invoice-append-region {
width:630px;
margin-top: 15px;
text-align:left;
position: relative;
}
.invoice-notes-td {
padding: 12px 6px 6px 6px;
text-align:left;
}
.invoice-terms-container {
text-align:left;
width:630px;
}
.recurringTokenContainer {
font-weight:bold;
background-color:#FFFF00;
display:inline;
}
.invoice-header-notes {
width:590px;
text-align:left;
margin: 0 0 15px 0;
padding: 0 20px 0 20px;

Hi
Go to invoice customisation (Sales>>Invoice Customisation), click on footer-section and add the code below with your text and without the stars.
Hope this helps

<p style="text-align:center;">**My Text here**</p>

2 Likes

amazing! thanks so much :slight_smile:

This topic was automatically closed after 7 days. New replies are no longer allowed.