Title: Customizing Column Text
Last modified: September 9, 2016

---

# Customizing Column Text

 *  Resolved [Diana McFarlane](https://wordpress.org/support/users/diana-mcfarlane/)
 * (@diana-mcfarlane)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/customizing-column-text/)
 * Is there a way to customize color, font size and alignment within the advanced
   editor for selected lines in a column?
 * I have data for a column that looks like this:
    Leashes (I want centered, bold
   and in color red) Fully adjustable (I want it centered, in color black) Two neck
   widths (I want it centered, in color black)
 * Is this possible?

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

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/customizing-column-text/#post-8165593)
 * Hi,
 * thanks for your post, and sorry for the trouble.
 * This will require a little bit of extra HTML code and CSS. The approach with 
   the `<span>` tags mentioned in [https://tablepress.org/faq/highlight-cells-or-content/](https://tablepress.org/faq/highlight-cells-or-content/)
   should get you started. You will basically need multiple CSS classes here. For
   the CSS commands on color and font, please see [https://tablepress.org/faq/change-font-family-size-color/](https://tablepress.org/faq/change-font-family-size-color/).
 * Regards,
    Tobias
 *  Thread Starter [Diana McFarlane](https://wordpress.org/support/users/diana-mcfarlane/)
 * (@diana-mcfarlane)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/customizing-column-text/#post-8168915)
 * Hi Tobias, I have very little experience in html. Can you show me an example 
   of how to change individual lines within a row/column?
 * I did try to change the whole column using the following but nothing changed 
   on the table.
    .tablepress-id-9 .column-1 .tablepress-id-9 .column-3 { font-family:‘
   Noto Serif’a; font-size: 12px; color: #0000000; }
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/customizing-column-text/#post-8170074)
 * Hi,
 * you will basically just have to copy that HTML code into the table cell, like
   `
   <span class="hilite">test</span>` and then add “Custom CSS” like
 *     ```
       .tablepress .hilite {
       	color: #ff0000;
       }
       ```
   
 * to the “Custom CSS” textarea on the “Plugin Options” screen.
    You can repeat 
   this with other styling. In that case, just replace `hilite` with another keyword,
   like `hilite-bold` and other CSS.
 * In your CSS, there are two small mistakes: There needs to be a comma after `.
   column-1`, and there’s an extra `a` after `'Noto Serif'`. The correct code would
   be
 *     ```
       .tablepress-id-9 .column-1,
       .tablepress-id-9 .column-3 {
         font-family: 'Noto Serif';
         font-size: 12px;
         color: #0000000;
       }
       ```
   
 * Regards,
    Tobias

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

The topic ‘Customizing Column Text’ 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/)

 * 3 replies
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [9 years, 7 months ago](https://wordpress.org/support/topic/customizing-column-text/#post-8170074)
 * Status: resolved