Remove default left table border
-
How can I remove the default left border on a table? Below is the CSS code I am using for a project, but I want to eliminate the left border on each table.
The website URL is https://bladeelectionresults.com
Here is the entire CSS code:
.tablepress,
.tablepress tr {
background: none !important;
}.tablepress thead th,
.tablepress tfoot th {
background: none !important;
}.dataTables_paginate .paginate_enabled_previous,
.dataTables_paginate .paginate_enabled_next {
color: #ffffff !important;
}.dataTables_paginate .paginate_disabled_previous,
.dataTables_paginate .paginate_disabled_next {
color: #ffffff !important;
}.dataTables_paginate .paginate_enabled_previous:hover,
.dataTables_paginate .paginate_enabled_next:hover {
color: #ffffff !important;
}.paginate_enabled_previous:before,
.paginate_enabled_next:after {
color: #ffffff;
}.paginate_disabled_previous:before,
.paginate_disabled_next:after {
color: #ffffff;
}.paginate_enabled_previous:hover:before,
.paginate_enabled_next:hover:after {
color: #ffffff;
}.paging_full_numbers a {
border: 0;
border-radius: 3px;
background-color: transparent;
color: #ffffff !important;
}.paging_full_numbers a:hover {
background-color: #102d43 !important;
}.paging_full_numbers .paginate_active {
background-color: #102d43;
}.tablepress {
table-layout: auto;
}
- The topic ‘Remove default left table border’ is closed to new replies.