Title: CSS for table title
Last modified: August 21, 2016

---

# CSS for table title

 *  Resolved [yoyotina](https://wordpress.org/support/users/yoyotina/)
 * (@yoyotina)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/css-for-table-title/)
 * Hi,
 * Great plugin! It is very easy to use and well documented. Thank you!!
 * I’ve already set up the table in my website but I need help with 3 things that
   I hope are easily fixed/customized:
 * 1. I’d like to change the Table’s title so it is the same as my theme’s h1 and
   h2 font and color. Please see my page.
 * [http://umdesc.danielavizcainodesign.com/nuestros-productos/](http://umdesc.danielavizcainodesign.com/nuestros-productos/)
 * 2. I’d like to also change the body text under the table title (table description)
   so it matches the rest of the body text in my site. I’m not an expert using html/
   css so it would be easier if you can let me know what to code so I can make this
   change.
 * 3. I’d like columns 2, 3 and 4 to have the text aligned to the center, and keep
   column 1 with the text aligned to the left (as it is now). I added this:
 * .tablepress-id-N .column-1 {
    width: 150px; text-align: center; }
 * .tablepress-id-N .column-2 {
    width: 60px; text-align: center; }
 * .tablepress-id-N .column-3 {
    width: 60px; text-align: center; }
 * but this is not working. The columns still align to the left. How can I change
   this?
 * Thanks so much in advance for your help. Again, congratulations on such a great
   plugin… I wish everyone was so meticulous as you!
 * Cheers,
    Daniela
 * [http://wordpress.org/plugins/tablepress/](http://wordpress.org/plugins/tablepress/)

Viewing 7 replies - 1 through 7 (of 7 total)

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/css-for-table-title/#post-4546565)
 * Hi Daniela,
 * thanks for your question, and sorry for the trouble.
 * 1. The table name is using a `<h2>` element by default and therefore uses the
   theme’s font for that already. Or am I missing something?
 * 2. That description also uses the same font already…
 * 3. You forgot to replace the `N` with the table’s ID here. Once you do that, 
   the CSS code will be applied.
 * Regards,
    Tobias
 *  Thread Starter [yoyotina](https://wordpress.org/support/users/yoyotina/)
 * (@yoyotina)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/css-for-table-title/#post-4546683)
 * Hi Tobias,
 * Thanks so much for replying so quickly. You are not missing anything. I didn’t
   explain myself clearly. On both questions 1 and 2, what I meant is that I would
   like to be able to edit the font size and line height in the table (Title and
   table description) so it matches the changes I did in my page’s content. I ask
   because I made those changes directly on each page, and not in the main CSS.
 * I think the problem can be resolved by changing my templates CSS correct?
 * Again, thanks so much for your quick reply. I really like your plugin!
 * Cheers,
    Daniela
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/css-for-table-title/#post-4546684)
 * Hi Daniela,
 * ok, thanks for the clarification. That should be possible with some CSS, but 
   I’d actually like to discourage you from keeping those changes that you have 
   made in the pages.
    From what I can see, you are using (for example) `<h5>` HTML
   tags for the regular text in your pages. This is really bad for several reasons:`
   <h5>` tags specify “headings” in a text, and it’s vital for e.g. users with screen
   readers that those are used correctly. It’s also very important for search engines
   that the HTML mark up in your pages is used correctly. Additionally, it will 
   be very hard to make global styling changes to your site with HTML like those
   on every piece of text. I therefore suggest that you revert those text changes
   and try to get your desired styling (font size and line height) via CSS changes
   in your theme. Most likely, the table elements (title and description) will match
   that content styling automatically.
 * If you really want to keep using your current approach, please give me a detailed
   example of which styling (a quote of the text that currently has that styling)
   you want for the table title and description and I’ll try to find the necessary
   CSS code.
 * Regards,
    Tobias
 *  Thread Starter [yoyotina](https://wordpress.org/support/users/yoyotina/)
 * (@yoyotina)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/css-for-table-title/#post-4546686)
 * Hi Tobias,
 * You are totally correct. Your suggestion is the best option for this site so 
   I will review the CSS to make sure that all styles are applied correctly throughout
   the entire website. This will make things a lot easier. I already changed the
   info for the table and it came out correctly!
 * One last thing I would like to make is to have my table use the same font that
   I have throughout the website, which is Roboto. Should I code the table css to
   this:
 * .tablepress .odd td {
    background-color: #e9ebec; font-family: Roboto, Tahoma;
   font-size: 14px; color: #666666; }
 * .tablepress .even td {
    background-color: #f2f3f4; font-family: Roboto, Tahoma;
   font-size: 14px; color: #666666; }
 * Again, thanks so much for your suggestion and your help.
 * Have a great evening!
    Daniela
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/css-for-table-title/#post-4546695)
 * Hi Daniela,
 * good to hear that the CSS approach will work!
 * In order to change the table font and the text color, it should be enough to 
   use
 *     ```
       .tablepress thead th,
       .tablepress tbody td {
         font-family: Roboto, Tahoma;
         font-size: 14px;
         color: #666666;
       }
       ```
   
 * Regards,
    Tobias
 *  Thread Starter [yoyotina](https://wordpress.org/support/users/yoyotina/)
 * (@yoyotina)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/css-for-table-title/#post-4546774)
 * Hi Tobias,
 * I reached out to you about a month ago regarding some help with your plugin. 
   I’ve made the changes you suggested but now I am having trouble loading the page
   that contains the table. I am not sure why, but whenever I try to open that specific
   page, it takes a very long time to load. I usually have to click on another page,
   and click again on that one to finally see the page.
 * Is the loading issue related to the content on that table? Is there a way that
   I can correct this so this uploads quickly?
 * The website is [http://umdesc.danielavizcainodesign.com](http://umdesc.danielavizcainodesign.com)
 * When you go to that page, click on the tab called “**Nuestros Productos**” which
   is the page that contains the table.
 * I’d appreciate some feedback on how I can correct this, if you have any idea 
   of what is happening.
 * Thanks so much!
    Daniela
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/css-for-table-title/#post-4546775)
 * Hi Daniela,
 * I’m not exactly sure, but the reason for this seems to be how the theme works
   when a user clicks a link. Instead of triggering a full new page load, it seems
   to be starting an AJAX request to only load that part of the page that needs 
   to be changed.
    However, during that process, there seems to be a JavaScript 
   error somehow.
 * I suggest that you try to disable this AJAX loading in the theme.
 * Regards,
    Tobias

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘CSS for table title’ is closed to new replies.

 * ![](https://ps.w.org/tablepress/assets/icon.svg?rev=3192944)
 * [TablePress - Tables in WordPress made easy](https://wordpress.org/plugins/tablepress/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/tablepress/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/tablepress/)
 * [Active Topics](https://wordpress.org/support/plugin/tablepress/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/tablepress/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/tablepress/reviews/)

 * 7 replies
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [12 years, 1 month ago](https://wordpress.org/support/topic/css-for-table-title/#post-4546775)
 * Status: resolved