Title: Styling, Layout, and CSS Archives · TablePress

---

 * ·
 * December 2, 2012
 * 
   ## 󠀁[What CSS selectors are available?](https://tablepress.org/faq/css-selectors/)󠁿
   
 * The most important CSS selector is .tablepress as it applies to all TablePress
   tables on your site. If you don’t want to apply a styling setting to all tables,
   but just to certain ones, you can use .tablepress-id-N, where N is the ID of 
   the table. In most cases you’ll want to style table body…
 * ·
 * December 2, 2012
 * 
   ## 󠀁[How do I remove the borders from a table?](https://tablepress.org/faq/remove-borders-from-a-table/)󠁿
   
 * This can be done with the some CSS code that just needs to be added to the “Custom
   CSS” textarea on the “Plugin Options” screen of TablePress: In this code, the
   N needs to be changed to the ID of the table in question (or use .tablepress 
   as the first part of the selector (five…
 * ·
 * December 2, 2012
 * 
   ## 󠀁[How do I center a table on the page?](https://tablepress.org/faq/center-table-on-the-page/)󠁿
   
 * Normally, tables extend to the full width of the container element they are added
   to. Sometimes, for tables with few columns, it might however look better to reduce
   the table’s width and center it on the page. This can be done with the some CSS
   code that needs to be added to the “Custom CSS”…
 * ·
 * December 2, 2012
 * 
   ## 󠀁[How can I set column widths?](https://tablepress.org/faq/column-widths/)󠁿
   
 * Setting column widths for your tables is possible with a short piece CSS code
   that just needs to be added to the “Custom CSS” textarea on the “Plugin Options”
   screen of TablePress: This example would set the column width of the second column
   of the table with ID 7 to 100 pixels. Adjust these numbers…
 * ·
 * December 2, 2012
 * 
   ## 󠀁[How can I highlight certain cells or their content?](https://tablepress.org/faq/highlight-cells-or-content/)󠁿
   
 * If you know the row and column numbers of the value in question, you could use
   CSS code in the “Custom CSS” textarea on the “Plugin Options” screen of TablePress
   like where N (the table’s ID), X (the number of the row), and Y (the number of
   the column) need to be adjusted to your…
 * ·
 * December 2, 2012
 * 
   ## 󠀁[How can I change the font, text size, and text color of a table?](https://tablepress.org/faq/change-font-family-size-color/)󠁿
   
 * This can be done with the some CSS code that needs to be added to the “Custom
   CSS” textarea on the “Plugin Options” screen of TablePress: The N needs to be
   changed to the ID of the table in question (or use .tablepress as the first part
   of the selector to have this code apply…
 * ·
 * December 2, 2012
 * 
   ## 󠀁[How can I change the colors used for marking alternating rows?](https://tablepress.org/faq/change-color-alternating-rows/)󠁿
   
 * This can be done with the some CSS code that needs to be added to the “Custom
   CSS” textarea on the “Plugin Options” screen of TablePress: Here, the lines starting
   with — indicate variables for the colors, with text being the text color and 
   bg denoting the background color, either for odd or even rows.…
 * ·
 * December 2, 2012
 * 
   ## 󠀁[How can I change the color used for highlighting hovered rows?](https://tablepress.org/faq/change-color-highlighting-hovered-rows/)󠁿
   
 * This can be done with the some CSS code that needs to be added to the “Custom
   CSS” textarea on the “Plugin Options” screen of TablePress: Here, the lines starting
   with — indicate variables for the colors, with text being the text color and 
   bg denoting the background color, for the currently hovered row. Just…
 * ·
 * December 2, 2012
 * 
   ## 󠀁[How can I change the colors of the table head row?](https://tablepress.org/faq/change-background-color-table-head-row/)󠁿
   
 * This can be done with the some CSS code that needs to be added to the “Custom
   CSS” textarea on the “Plugin Options” screen of TablePress: Here, the lines starting
   with — indicate variables for the colors, with text being the text color and 
   bg denoting the background color, of the table head and footer…
 * ·
 * December 2, 2012
 * 
   ## 󠀁[How can I change the colors of a single row?](https://tablepress.org/faq/change-background-color-of-a-row/)󠁿
   
 * Changing the text and the background color of a single row, e.g. to highlight
   it, can be done with some CSS like this: where N (the table’s ID), and X (the
   number of the row) need to be adjusted to your table! #ff0000 is the HEX color
   code of the desired color, in this case…

 [Next Page](https://tablepress.org/faq-category/styling-layout-css/page/2/?output_format=md)