Title: Formatting Table Options within this Theme Last modified: April 13, 2019 --- # Formatting Table Options within this Theme * [nothere](https://wordpress.org/support/users/j86schroeder/) * (@j86schroeder) * [7 years, 1 month ago](https://wordpress.org/support/topic/formatting-table-options-within-this-theme/) * Is there a way I can find out how to format my table the way I want in this theme? As you can see my page, the problem is only the first 6 columns of the table show. I’d like to have a few more columns show, and change the format/coloring. * Is it possible that I can format this table here at my theme/page and also remove that extra white space at the top of the space? * I’ve gone into the Table Press > Plugin Options > Frontend Options > Custom CSS and attempted to put some code there, but not sure if I am in the right place, or if this is the place I need to get the whole table looking exactly as I want. * Thanks, * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fformatting-table-options-within-this-theme%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 15 replies - 1 through 15 (of 17 total) 1 [2](https://wordpress.org/support/topic/formatting-table-options-within-this-theme/page/2/?output_format=md) [→](https://wordpress.org/support/topic/formatting-table-options-within-this-theme/page/2/?output_format=md) * [Jarret](https://wordpress.org/support/users/jarretc/) * (@jarretc) * [7 years, 1 month ago](https://wordpress.org/support/topic/formatting-table-options-within-this-theme/#post-11425518) * Do you have the additional columns set to not display in the tablepress setup for the page? Looking at the source code, I can see it has some inline CSS hiding additional columns past the Death Rate one. * If you can get those additional columns to show, we can then work from there adjusting the CSS to widen the table and hopefully get it looking how you want. * Thread Starter [nothere](https://wordpress.org/support/users/j86schroeder/) * (@j86schroeder) * [7 years, 1 month ago](https://wordpress.org/support/topic/formatting-table-options-within-this-theme/#post-11425530) * Thanks Jarret, I do not have it set to not display in the tablepress setup. Also, my understanding per the author [@tobiasbg](https://wordpress.org/support/users/tobiasbg/) of the plugin of the tablepress plugin, the word press template (twentyseventeen) I am using, has to be modified for the content area to be wider. Right now, when you click on the plus sign on the table, the other columns data are actually showing underneath, which is fine, but i’d like to extend those columns from 6 to maybe 12, and figure out how to get rid of the header, as it looks like the table is in the center, instead of top center of page. * Thread Starter [nothere](https://wordpress.org/support/users/j86schroeder/) * (@j86schroeder) * [7 years, 1 month ago](https://wordpress.org/support/topic/formatting-table-options-within-this-theme/#post-11425539) * If I could figure out where the table is actually located from the source code, then perhaps I can go into theme editor to modify the content area or the table format? * Thanks, * [Jarret](https://wordpress.org/support/users/jarretc/) * (@jarretc) * [7 years, 1 month ago](https://wordpress.org/support/topic/formatting-table-options-within-this-theme/#post-11425577) * Hmm I found your thread with the plugin author and they mention increasing the content width but doing that doesn’t allow for additional columns to show up. * You can add the following to Appearance->Customize->Additional CSS * `.page-one-column .panel-content .wrap { max-width: 100%; }` * That will force the content to span across the entire browser window but it doesn’t cause any additional columns to show up. * Thread Starter [nothere](https://wordpress.org/support/users/j86schroeder/) * (@j86schroeder) * [7 years, 1 month ago](https://wordpress.org/support/topic/formatting-table-options-within-this-theme/#post-11425581) * Perfect! That gets the columns looking great. Do you know what I might also add in Additional CSS to move the table to the top of the page? * Thread Starter [nothere](https://wordpress.org/support/users/j86schroeder/) * (@j86schroeder) * [7 years, 1 month ago](https://wordpress.org/support/topic/formatting-table-options-within-this-theme/#post-11425582) * And perhaps how to make First Name appear as one line, instead of two lines? * [Jarret](https://wordpress.org/support/users/jarretc/) * (@jarretc) * [7 years, 1 month ago](https://wordpress.org/support/topic/formatting-table-options-within-this-theme/#post-11425588) * Try out this CSS * ``` .site-header { height: 0px; } .panel-content .wrap { padding-top: 0; } .tablepress .row-1 .column-1 { width: 210px !important; } ``` * Thread Starter [nothere](https://wordpress.org/support/users/j86schroeder/) * (@j86schroeder) * [7 years, 1 month ago](https://wordpress.org/support/topic/formatting-table-options-within-this-theme/#post-11425595) * Wow, great work, sir! I appreciate that. My apologies with all the questions, just not sure where to look, but basically you see the box that says 10 entries? can that be made smaller? just like the search box to the right? its too tall, lots of space around the area when you type the text, not sure if it is related to theme or not. Is there code that takes place here as well that can modify the row1 header?, and maybe the rows with and without the plus sign? * Thread Starter [nothere](https://wordpress.org/support/users/j86schroeder/) * (@j86schroeder) * [7 years, 1 month ago](https://wordpress.org/support/topic/formatting-table-options-within-this-theme/#post-11425603) * Also, I might add is there a way to put lines on the columns between the header and footer row? * [Jarret](https://wordpress.org/support/users/jarretc/) * (@jarretc) * [7 years, 1 month ago](https://wordpress.org/support/topic/formatting-table-options-within-this-theme/#post-11425616) * Try out this * ``` .dataTables_length *, .dataTables_filter * { height: 30px; } .row-hover tr td { border-right: solid 1px black; } ``` * Not quite sure what you mean by the row1 header though. Are you wanting to shorten the overall height of the blue section at the top with the column names? * Thread Starter [nothere](https://wordpress.org/support/users/j86schroeder/) * (@j86schroeder) * [7 years, 1 month ago](https://wordpress.org/support/topic/formatting-table-options-within-this-theme/#post-11425619) * I figured out how to get the border I was after. I had to enter this code in the plugin tablepress / options / frontend options * .tablepress-id-3, .tablepress-id-3 tr, .tablepress-id-3 tbody td, .tablepress- id-3 thead th, .tablepress-id-3 tfoot th { border: solid; } * Thread Starter [nothere](https://wordpress.org/support/users/j86schroeder/) * (@j86schroeder) * [7 years, 1 month ago](https://wordpress.org/support/topic/formatting-table-options-within-this-theme/#post-11425633) * How are you able to find what all of these values refernce to? For example, i believe COUNTY is column9, but it puts underneath my plus sign, i am wonder how i can add rows to that? Might be some styling in the table css perhaps? * Heres snapshot. * [Snapshot Example](https://johnschroeder.family/wp-content/uploads/2019/04/snapshot1.png) * [Jarret](https://wordpress.org/support/users/jarretc/) * (@jarretc) * [7 years, 1 month ago](https://wordpress.org/support/topic/formatting-table-options-within-this-theme/#post-11425649) * Its just looking at the source code of the site and figuring out which values to match up. For the County column, do you mean you want that to display in the table as well? Or you want it listed under the dropdown but still display the data from the table in the dropdown area? * Thread Starter [nothere](https://wordpress.org/support/users/j86schroeder/) * (@j86schroeder) * [7 years, 1 month ago](https://wordpress.org/support/topic/formatting-table-options-within-this-theme/#post-11425650) * Is there a way to make the header and foot row, match as far as the lines go? It seems that when I adjust column width its only adjusting header and footer. * I am thinking, this is because the tablepress is overriding it. * [Snapshot 2](https://johnschroeder.family/wp-content/uploads/2019/04/snapshot2.png) * Thread Starter [nothere](https://wordpress.org/support/users/j86schroeder/) * (@j86schroeder) * [7 years, 1 month ago](https://wordpress.org/support/topic/formatting-table-options-within-this-theme/#post-11425657) * In reference to your last post: Gotcha, wonder where I can find the source code of the table? perhaps i need to get it, and see the tags used, and then find it in the theme source code? * For the county column, leave it be, its fine being under the dropdown, but it would be nice to know how to put something in the dropdown or put it in the column. * In reference to my last post: * I am thinking I’ll have to put the same column css code in both the table and the wordpress template, just to get the lines to match up. * Heres a snapshot of the additional CSS code in the tablepress. * [Snapshot 3](https://johnschroeder.family/wp-content/uploads/2019/04/snapshot3.png) Viewing 15 replies - 1 through 15 (of 17 total) 1 [2](https://wordpress.org/support/topic/formatting-table-options-within-this-theme/page/2/?output_format=md) [→](https://wordpress.org/support/topic/formatting-table-options-within-this-theme/page/2/?output_format=md) The topic ‘Formatting Table Options within this Theme’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/twentyseventeen/4.0/screenshot. png) * Twenty Seventeen * [Support Threads](https://wordpress.org/support/theme/twentyseventeen/) * [Active Topics](https://wordpress.org/support/theme/twentyseventeen/active/) * [Unresolved Topics](https://wordpress.org/support/theme/twentyseventeen/unresolved/) * [Reviews](https://wordpress.org/support/theme/twentyseventeen/reviews/) * 17 replies * 3 participants * Last reply from: [NG ShopTH](https://wordpress.org/support/users/ngshopth/) * Last activity: [7 years ago](https://wordpress.org/support/topic/formatting-table-options-within-this-theme/page/2/#post-11495133) * Status: not resolved