Display messed up

Hello.

this issue is exist because of the conflict with your actual theme.

For fixing this issue, please open this file https://www.frankchapman.co.uk/villa/wp-content/uploads/weaverii-subthemes/style-weaverii.css?ver=161

and at the line: 86

find this code:

#content table {
    border: 1px solid #E7E7E7;
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
}
#content tr th, #content thead th {
    color: #888888;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding: 9px 24px;
}
#content tr td {
    border-style: solid none none;
    border-top: 1px solid #E7E7E7;
    padding: 6px 24px;
}

then replace it to this code:

.page table {
    border: 1px solid #E7E7E7;
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
}
.page tr th, .page thead th {
    color: #888888;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding: 9px 24px;
}
.page tr td {
    border-style: solid none none;
    border-top: 1px solid #E7E7E7;
    padding: 6px 24px;
}

Then find this code:

#content table {
  border: 1px solid #E7E7E7;
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
}

and replace it to this code:

.page table {
  border: 1px solid #E7E7E7;
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
}

2) then open this file: https://www.frankchapman.co.uk/villa/wp-content/themes/weaver-ii-pro/style.min.css?ver=2.0

find this code:

#content tr td {
  border: 1px solid #AAAAAA;
  padding: 5px 10px;
}

and replace it to this code:

.page tr td {
  border: 1px solid #AAAAAA;
  padding: 5px 10px;
}