17,180
edits
Changes
Jump to navigation
Jump to search
Created page with "The lists on the menu pages DASHBOARD, BOOKINGS and RATES can be customised by adding custom CSS. To enter the CSS go to SUB ACCOUNTS (top menu) then click on "Manage" for th..."
The lists on the menu pages DASHBOARD, BOOKINGS and RATES can be customised by adding custom CSS. To enter the CSS go to SUB ACCOUNTS (top menu) then click on "Manage" for the account for which the changes should apply. Enter the CSS in the field "CUSTOM CSS"
'''Examples'''
1. The following Custom CSS can hide any column on the dashboard tables, change the child number in brackets to the desired column. Balance will either be column 9 or 10 depending on whether the property name is shown in the table:
.dashboardtable th:nth-child(9) {display:none;}
.dashboardtable td:nth-child(9) {display:none;}
and/or
.dashboardtable th:nth-child(10) {display:none;}
.dashboardtable td:nth-child(10) {display:none;}
2. The following Custom CSS can hide any column on the rates table, change the child number in brackets to the desired column. Balance will either be column 9 or 10 depending on whether the property name is shown in the table:
.ratetable th:nth-child(9) {display:none;}
.ratetable td:nth-child(9) {display:none;}
and/or
.ratetable th:nth-child(10) {display:none;}
.ratetable td:nth-child(10) {display:none;}
3. The following Custom CSS can hide any column on the bookings table, change the child number in brackets to the desired column. Balance will either be column 9 or 10 depending on whether the property name is shown in the table:
.bookingtable th:nth-child(9) {display:none;}
.bookingtable td:nth-child(9) {display:none;}
and/or
.bookingtable th:nth-child(10) {display:none;}
.bookingtable td:nth-child(10) {display:none;}
4. This CSS will align the content of the 8th column right:
.bookingtable td:nth-child(9) {text-align: right;}
'''Examples'''
1. The following Custom CSS can hide any column on the dashboard tables, change the child number in brackets to the desired column. Balance will either be column 9 or 10 depending on whether the property name is shown in the table:
.dashboardtable th:nth-child(9) {display:none;}
.dashboardtable td:nth-child(9) {display:none;}
and/or
.dashboardtable th:nth-child(10) {display:none;}
.dashboardtable td:nth-child(10) {display:none;}
2. The following Custom CSS can hide any column on the rates table, change the child number in brackets to the desired column. Balance will either be column 9 or 10 depending on whether the property name is shown in the table:
.ratetable th:nth-child(9) {display:none;}
.ratetable td:nth-child(9) {display:none;}
and/or
.ratetable th:nth-child(10) {display:none;}
.ratetable td:nth-child(10) {display:none;}
3. The following Custom CSS can hide any column on the bookings table, change the child number in brackets to the desired column. Balance will either be column 9 or 10 depending on whether the property name is shown in the table:
.bookingtable th:nth-child(9) {display:none;}
.bookingtable td:nth-child(9) {display:none;}
and/or
.bookingtable th:nth-child(10) {display:none;}
.bookingtable td:nth-child(10) {display:none;}
4. This CSS will align the content of the 8th column right:
.bookingtable td:nth-child(9) {text-align: right;}
