Formatting Table Options from TablePress Plugin

Tobias, another question:

Where can I go to edit this class?
<div class=”dataTables_paginate paging_full_numbers”

The issue is when you look at my page, you see two lines underneath:
First / Previous / 1 / 2 / 3 / 4 / 5 / Next / Last

I’d like to see if I could enable just one line to see how it looks.

Thanks,

Also, my database buttons are not working, even though I see them displayed on the webpage? Any idea what might have broke that?

Thanks,

Hi John,

no, sorry, I’m not aware of a plugin for a family tree or organization chart, sorry.

Regarding the buttons: It seems that some theme element (the “site-branding” in the header) is above those buttons. If you are going to keep that empty, you could hide it with some CSS:

#masthead {
  display: none;
}

To remove the double line in the pagination, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.dataTables_paginate a {
	text-decoration: none;
}

Regards,
Tobias

Thanks Tobias, I figured it out this morning! Just right before your reply.

Next note:
Look at these screenshots.
Is it possible that I can format the data in the drop down?

For example, it appears that it is combining the values of two columns. I just don’t know what the flexibility is here with formatting that.

Thanks,

Snapshot 5

Snapshot 6

Hi,

you could maybe add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

table.dataTable>tbody>tr.child span.dtr-title {
  min-width: 130px;
}

Regards,
Tobias

Thanks, that definitely spaced it out, however, I am not sure if it is still combining it as one value? Is there a way to make the header column width line up with the rest of the columns? Also, on the drop down the first row that drops down the text is in upper left hand corner instead of left middle, can that be changed in addition to adding a border in between the two values? Example being between BAPTISM and 3/16/1834 on the first row drop down area of table when the page loads.

Do you know where I could find this i’ve got highlighted in yellow? perhaps that might be the key to seperate the values so i can make it appear as a box around each word?

Snapshot 7

Hi,

please remove that large chunk of CSS that is setting widths on the columns. This is interfering here.

Unfortunately, I don’t know a good way to add a border between those values (BAPTISM and 3/16/1834), but I would actually recommend to not add one there.

And I don’t really understand what you mean with the highlighted yellow code. What exactly are you trying to achieve here?

Regards,
Tobias

Thanks Tobias, I don’t think I can remove that CSS, that is from the tablepress. I was just trying to achieve a way to make the header columns border line up with the row of the columns below.

Hi,

no, this is not from TablePress, you added it to the theme’s “Custom CSS”.
If you remove it, the header should line up better.

Regards,
Tobias

Thanks you are right, it was in the theme’s custom CSS, i actually removed all the custom css in the theme to see if it would line up, it did line up better but not exactly.

I think perhaps the way I am going about this project might be to difficult between the two. Perhaps at some future date you could create a wordpress theme that works in conjunction with your tablepress plugin so there is more flexibility.

Thanks for all your help.

Hi,

TablePress only provides HTML code for a table and some basic styling ?? It’s up to theme to not interfere, I’m afraid. Unfortunately, I don’t have the time to develop a theme, sorry.

Regards,
Tobias