PS the background behind the footer should be black like this: http://smokymountainspeedway.com/new/?page_id=547
Hi,
I don’t really see how that CSS code can affect your footer, but apparently, it does.
It also does not seem to be very good code, as the border and width settings are applied to single table cells, which likely won’t work.
To fix the issue, it would probably the easiest, if you remove that CSS code again and we try to find the correct code to achieve what you want.
So, can you try removing that code again and tell us what you then want to achieve in the styling of the table?
Regards,
Tobias
as soon as I post that section it goes into the footer and each additional section makes it go longer into the footer.
I want to make the table go the full width of the page to keep all the data on one line.
here is the whole code I have added based on information I have found:
.wp-table-reloaded-id-1, .wp-table-reloaded-id-1 td, .wp-table-reloaded-id-1 th {
border: none!important;
border-collapse: collapse!important;
border-spacing: 0px!important;
width: 800px!important;
}
.wp-table-reloaded-id-1 .column-1 {
width: 160px!important;
padding: 0!important;
margin: 0!important;
}
.wp-table-reloaded-id-1 .column-2 {
width: 260px!important;
padding: 0!important;
margin: 0!important;
}
.wp-table-reloaded-id-1 .column-3 {
width: 80px!important;
padding: 0!important;
margin: 0!important;
}
.wp-table-reloaded-id-1 .column-4 {
width: 80px!important;
padding: 0!important;
margin: 0!important;
}
.wp-table-reloaded-id-1 .column-5 {
width: 150px!important;
padding: 0!important;
margin: 0!important;
}
.wp-table-reloaded-id-1 th, .wp-table-reloaded-id-N .sorting {
background-color: #ff0000!important;
}
thanks for the help!
Hi,
ok, making the table full width should be easy.
But at first, please remove all the CSS code you added, so that we can start over again with the code.
Am I right that without any code added, the footer issue does not appear?
Tobias
yes you are correct, I removed the code now and it is back to the original setup without the overlapping into footer.
Hi,
great, that is good.
Now, let’s change the width to the full page width. As it turns out this is not easily doable with “Custom CSS” only, because your theme is currently restricting the width. It is doing that, because you told the page to have a sidebar on the right (which however is empty at the moment), but that’s likely not something you want here, correct?
So, somewhere on the Edit screen of the page, you should find a setting where you can choose the page layout. There, you will need to choose something without a sidebar. That should bring the page (and with that the table) to full page width.
Tobias
in my template (pagelines platform pro) it has a checkbox and I have removed the 2 sidebars previously.
it seems that when I put in the code to remove the spaces and borders – that is when it starts to overlap into the footer. (the culprit below) is there another way to remove the horizontal lines and spaces between the column headers?
.wp-table-reloaded-id-N, .wp-table-reloaded-id-N td, .wp-table-reloaded-id-N th {
border: none!important;
border-collapse: collapse!important;
border-spacing: 0px!important;
}
Hi,
yes, the (empty) sidebar is now removed, so the table is in full width.
I still don’t have an idea though on why the removing of the borders is not working. It seems that the theme is calculating the height of the many <div> containers is using not correctly.
Also, there might be a problem with the DataTables library adding whitespace (a minimum-height).
Can you therefore disable the usage of the “DataTables JavaScript library” for that table. You already have disabled most of its features, so it would be worth trying to disable it entirely.
Tobias
I disabled javascript library – it still does it.
I am not sure if this helps, but I noticed it does not have the problem in Chrome browser, but does in Firefox.
Hi,
I have the problem in Chrome as well, unfortunately.
Sorry, but I really don’t know where this comes from, it must be some specific CSS conflict between your theme and the CSS.
Tobias
