kfranck

Tobias:

Perfect. Thanks so much.
Kurt

Tobias:

I changed the width of the first column to 70%, which is perfect. If I want the second column to go further to the right, what do you suggest I change the percentage for column 2?

Thanks,
Kurt

Tobias:

I’m still not get it right on my end. Below is a code I used, but long wording in the first column still does not wrap enough. Suggestions?

Here is the CSS code I added:
.tablepress-id-11 .column-1,
.tablepress-id-12 .column-1,
.tablepress-id-15 .column-1,
.tablepress-id-17 .column-1 {
width: 50%;
}

Suggestions?

Thanks,
Kurt

Tobias:

Thank you.

I have am having a problem now with column 1 and column 2 in other tables. Please look at the “Lucas County Issues” table. The verbiage in Column 1 is too wide.

Suggestions on how to fix that table and other tables with long wording?

Also, if I have other tables with the same problem, what should the first line of the code be? If the tables are 12, 13, 14, should the first line be:

.tablepress-id-121314 .column-1 {

Thanks,
Kurt

Tobias:

I did some searching around the Support site and found this CSS that improved the spacing some. Will this work, or do you have other suggestions?

.tablepress-id-9 .column-2 {
width: 40%;
}

.tablepress-id-9 .column-3 {
width: 60%;
}

You are correct. My error because I didn’t cache the page. Thanks.

Merkucio:

This code is very helpful. I have made some color adjustments and included the changed code below.

My question is: How can I remove the vertical line on the left side of each table?

The URL for the website is https://bladeelectionresults.com

Thanks in advance
kfranck

Here is my revised CSS code:

.tablepress,
.tablepress tr {
background: none !important;
}

.tablepress th,
.tablepress td {
text-align: left;
}

.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: none !important;
color: #ffffff !important;
}

.paging_full_numbers a:hover {
background-color: #102d43 !important;
}

.paging_full_numbers .paginate_active {
background-color: #102d43;
}

.tablepress {
table-layout: auto;
}

Merkucio:

How did you create the table? What CSS code did you use? That is what I want to do for a table on https://bladeelectionresults.com. I don’t want the vertical rules, but I do want the horizontal lines.

Any help would be appreciated.
Thanks,

Tobias:

That worked great. Thank you.

How do I add this code to all the tables?

Also, I will have results from a lot of upcoming election races. Should I put the list in several tables, or just one long table? If one long list, what coding do I use between each race, so there are no borders?

Thanks,
Kurt

Tobias:

Thank you for the background CSS code. It works.

On the depth issue, I want to reduce height of each row. Can this be done?

To give you an example of what I am talking about, please check out this old web post:
https://toledobladedata.com/electionresults/

This was produced using only html coding and not on WordPress. I want to convert to a WordPress site because of its ease of use.

Any help you can provide would be helpful.

Thanks,
Kurt

The link is bladeelectionresults.com.

Also, is there a way to tighten the depth of each row? If you want me to make this another post, I will.

Thanks,
kfranck