We currently have permission from local Councils to offer limited services on some of our parks. Caravan Owner Short Visits are for existing caravans owners to visit for a couple of hours to inspect and maintain their caravans. Caravan Sales Visits are for new customers to view and buy a new or used caravan. All visits must be booked in advance with the Park Manager. Please read the rest of the coronavirus update to understand the rules of each visit.
Bablock Hythe
- Caravan Owner Short Visits – From 28/05/20
- Boat Moorings Short Visits – From 28/05/20
- Caravan Sales Visits – From 03/06/20
- Everything Else – No
Elliotts
- Caravan Owner Short Visits – From 04/06/20
- Caravan Sales Visits – Coming Soon
- Everything Else – No
Grey Tower
- Caravan Owner Short Visits – No
- Caravan Sales Visits – No
- Everything Else – No
Itchenor
- Caravan Owner Short Visits – No
- Caravan Sales Visits – Coming Soon
- Everything Else – No
Thirkleby Hall
- Caravan Owner Short Visits – No
- Caravan Sales Visits – No
- Everything Else – No
Tollerton
- Caravan Owner Short Visits – No
- Caravan Sales Visits – No
- Everything Else – No
Working test to make a JTRT table responsive.
Caravan | Year | Size | Price* | Pictures |
---|---|---|---|---|
Atlas Amethyst with Side Deck | 2003 | 12x28 2B | £6,500 | - |
Carnaby Claret with Large Deck | 2002 | 12x32 2B | £7,000 | - |
Willerby Richmond | 2007 | 12x35 2B | £9,750 | - |
Willerby Aspen with Large Side Deck | 2001 | 12x37 2B | £10,000 | - |
Willerby Aspen | 2003 | 12x37 3B | £12,500 | - |
Willerby Granada | 2007 | 12x33 2B | £13,500 | - |
BK Bluebird Seville | 2007 | 12x36 2B | £14,750 | - |
Carnaby Melrose | 2010 | 12x30 2B | £16,000 | View |
Pemberton Elite Crescent Pitch with Large Deck | 2011 | 12x32 2B | £17,500 | - |
Willerby Rio with Large Deck & Skirting | 2010 | 12x35 2B | £18,750 | - |
Victory Vision | 2013 | 12x36 2B | £22,500 | View |
Cosalt Studio | 2008 | 12.5x38 2B | £23,000 | - |
Willerby Avonmore | 2015 | 12x35 2B | £24,000 | View |
Willerby Lyndhurst River View Pitch with Large Deck | 2006 | 12x38 3B | £24,500 | - |
Swift Bordeaux End Of Row Pitch with Large Deck | 2014 | 12x39 2B | £25,000 | - |
Delta Sienna On River View Pitch | New | 12x35 2B | £42,000 | View |
ABI Wimbledon on River View Pitch | New | 12x36 2B | £49,250 | View |
Swift Bordeaux On Riverside Pitch | New | 12x35 2B | SOLD | View |
More Caravans Coming Soon | - | - | - | - |
This CSS currently works on 1 table
CCS code to apply to make a specific JTRT table no 526 responsive.
/*
Code to make a JTRT table look better
*/
#jtrt_table_526 {
width: 100%;
}
#jtrt_table_526 thead tbody td {
line-height: 100%;
padding: 10px;
}
#jtrt_table_526 tr:nth-child(even) {
background-color: #f2f2f2;
}
/*
CSS to make a JTRT table responsive in a good way
*/
@media screen and (max-width: 600px) {
#jtrt_table_526 {
border: 0;
}
#jtrt_table_526 thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
#jtrt_table_526 tr {
border: 1px solid #ddd;
display: block;
margin-bottom: 1em;
}
#jtrt_table_526 td {
border-bottom: 1px solid #ddd;
display: block;
font-size: .8em;
text-align: right;
}
#jtrt_table_526 td:nth-child(1)::before {
content: “Caravan”;
float: left;
font-weight: bold;
text-transform: uppercase;
}
#jtrt_table_526 td:nth-child(2)::before {
content: “Year”;
float: left;
font-weight: bold;
text-transform: uppercase;
}
#jtrt_table_526 td:nth-child(3)::before {
content: “Status”;
float: left;
font-weight: bold;
text-transform: uppercase;
}
#jtrt_table_526 td:nth-child(4)::before {
content: “Size”;
float: left;
font-weight: bold;
text-transform: uppercase;
}
#jtrt_table_526 td:nth-child(5)::before {
content: “Price”;
float: left;
font-weight: bold;
text-transform: uppercase;
}
}
This CSS currently works on all the named tables
CCS code to apply to make a number of JTRT tables responsive.
/*
Make all your Caravans For Sale and Caravans For Hire JTRT tables look nice
*/
#jtrt_table_526,
#jtrt_table_850,
#jtrt_table_868,
#jtrt_table_865,
#jtrt_table_866,
#jtrt_table_867,
#jtrt_table_904{
width: 100%;
}
#jtrt_table_526 thead tbody td,#jtrt_table_850 thead tbody td,#jtrt_table_868 thead tbody td,#jtrt_table_865 thead tbody td,#jtrt_table_866 thead tbody td,#jtrt_table_867 thead tbody td {
line-height: 100%;
padding: 10px;
}
#jtrt_table_526 tr:nth-child(even),#jtrt_table_850 tr:nth-child(even),#jtrt_table_868 tr:nth-child(even),#jtrt_table_865 tr:nth-child(even),#jtrt_table_866 tr:nth-child(even),#jtrt_table_867 tr:nth-child(even),#jtrt_table_904 tr:nth-child(even){
background-color: #f2f2f2;
}
/*
Make all your Caravans For Sale JTRT tables responsive in a good way
*/
@media screen and (max-width: 600px)
{
h1.entry-title {
line-height:100%;
margin-top: 0em;
margin-bottom: 0.4em
}
#jtrt_table_526,
#jtrt_table_850,
#jtrt_table_868,
#jtrt_table_865,
#jtrt_table_866,
#jtrt_table_867 {
border: 0;
}
#jtrt_table_526 thead,
#jtrt_table_850 thead,
#jtrt_table_868 thead,
#jtrt_table_865 thead,
#jtrt_table_866 thead,
#jtrt_table_867 thead{
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
#jtrt_table_526 tr,
#jtrt_table_850 tr,
#jtrt_table_868 tr,
#jtrt_table_865 tr,
#jtrt_table_866 tr,
#jtrt_table_867 tr {
border: 1px solid #ddd;
display: block;
margin-bottom: 1em;
}
#jtrt_table_526 td,
#jtrt_table_850 td,
#jtrt_table_868 td,
#jtrt_table_865 td,
#jtrt_table_866 td,
#jtrt_table_867 td {
border-bottom: 1px solid #ddd;
display: block;
font-size: .8em;
text-align: right;
}
#jtrt_table_526 tr:nth-child(odd),#jtrt_table_850 tr:nth-child(odd),#jtrt_table_868 tr:nth-child(odd),#jtrt_table_865 tr:nth-child(odd),#jtrt_table_866 tr:nth-child(odd),#jtrt_table_867 tr:nth-child(odd) {
background-color: #e6ffe6;
}
#jtrt_table_526 td:nth-child(1)::before,
#jtrt_table_850 td:nth-child(1)::before,
#jtrt_table_868 td:nth-child(1)::before,
#jtrt_table_865 td:nth-child(1)::before,
#jtrt_table_866 td:nth-child(1)::before,
#jtrt_table_867 td:nth-child(1)::before
{
content: “Caravan”;
float: left;
font-weight: bold;
text-transform: uppercase;
}
#jtrt_table_526 td:nth-child(2)::before,
#jtrt_table_850 td:nth-child(2)::before,
#jtrt_table_868 td:nth-child(2)::before,
#jtrt_table_865 td:nth-child(2)::before,
#jtrt_table_866 td:nth-child(2)::before,
#jtrt_table_867 td:nth-child(2)::before {
content: “Year”;
float: left;
font-weight: bold;
text-transform: uppercase;
}
#jtrt_table_526 td:nth-child(3)::before,
#jtrt_table_850 td:nth-child(3)::before,
#jtrt_table_868 td:nth-child(3)::before,
#jtrt_table_865 td:nth-child(3)::before,
#jtrt_table_866 td:nth-child(3)::before,
#jtrt_table_867 td:nth-child(3)::before {
content: “Size”;
float: left;
font-weight: bold;
text-transform: uppercase;
}
#jtrt_table_526 td:nth-child(4)::before,
#jtrt_table_850 td:nth-child(4)::before,
#jtrt_table_868 td:nth-child(4)::before,
#jtrt_table_865 td:nth-child(4)::before,
#jtrt_table_866 td:nth-child(4)::before,
#jtrt_table_867 td:nth-child(4)::before {
content: “Status”;
float: left;
font-weight: bold;
text-transform: uppercase;
}
#jtrt_table_526 td:nth-child(5)::before,
#jtrt_table_850 td:nth-child(5)::before,
#jtrt_table_868 td:nth-child(5)::before,
#jtrt_table_865 td:nth-child(5)::before,
#jtrt_table_866 td:nth-child(5)::before,
#jtrt_table_867 td:nth-child(5)::before {
content: “Price”;
float: left;
font-weight: bold;
text-transform: uppercase;
}
#jtrt_table_526 td:nth-child(6)::before,
#jtrt_table_850 td:nth-child(6)::before,
#jtrt_table_868 td:nth-child(6)::before,
#jtrt_table_865 td:nth-child(6)::before,
#jtrt_table_866 td:nth-child(6)::before,
#jtrt_table_867 td:nth-child(6)::before {
content: “Pictures”;
float: left;
font-weight: bold;
text-transform: uppercase;
}
}
HTML & CSS Combo To Create Responsive Tables
This does exactly what you want. The HTML is put in the page and the CSS is put in the Additional CSS Screen. Now you need to find a way to apply the CSS to a table that is easy to create.
You got this code from https://codepen.io/AllThingsSmitty/pen/MyqmdM
Here is another page by same developer with a bit more explanation of how the code works. The problem you are having applying it to other plugin tables is to do with the data-label ‘s being named in the html and then being referred to in the CSS. If you can refer to them you can get them to appear left aligned in collapsed screen.
https://allthingssmitty.com/2016/10/03/responsive-table-layout/
Account | Due Date | Amount | Period |
---|---|---|---|
Visa – 3412 | 04/01/2016 | $1,190 | 03/01/2016 – 03/31/2016 |
Visa – 6076 | 03/01/2016 | $2,443 | 02/01/2016 – 02/29/2016 |
Corporate AMEX | 03/01/2016 | $1,181 | 02/01/2016 – 02/29/2016 |
Visa – 3412 | 02/01/2016 | $842 | 01/01/2016 – 01/31/2016 |
Responsive TablePress Table With Collapsibility
Responsive table that shows an expand button on a mobile device, to show hidden columns. This is controlled by the Responsive Tables extra code which enhances the TablePress plugin.
[table “10” not found /]