Title: Row/Column Width
Last modified: August 21, 2016

---

# Row/Column Width

 *  Resolved [carolynyalin](https://wordpress.org/support/users/carolynyalin/)
 * (@carolynyalin)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/rowcolumn-width/)
 * I like the white spacing between my 3 by 3 table. Now I want rows 1, 3, 5 to 
   have the background color of the images. (In rows 2,4,6)
 * When I give a background color, it is extended into the white space. {See Row
   1 Column 1} I think this is because the column is actually this wide.
 * How do I fix this? How do I keep the white space between the columns if I change
   the background color for each?
 * [http://gfa.carolyncreates.com/family-itineraries/](http://gfa.carolyncreates.com/family-itineraries/)
 * Thanks,
    Carolyn
 * [http://wordpress.org/plugins/tablepress/](http://wordpress.org/plugins/tablepress/)

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

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/rowcolumn-width/#post-4027443)
 * Hi,
 * thanks for your question.
 * Your assumption is correct, this happens because the column is that wide, where
   as the background color for the images is set on a `<div>` wrapper around the
   image, in the other row.
 * To change this, I’d actually like to suggest a slightly different table structure:
   Instead of splitting the orange image title and the image+caption into different
   cells, you should put them into the same cell, and even into the same `<div>`
   wrapper.
    So, basically, change the content of the cell with the image to
 *     ```
       <div id="attachment_700" class="wp-caption alignleft" style="width: 310px"><a href="http://gfa.carolyncreates.com/tropical-family-7-day/"><b>Tropical Family – 7 Day Itinerary</b></a><a href="http://gfa.carolyncreates.com/family-itineraries/tropical-family-7-day/" rel="attachment wp-att-700"><img src="http://gfa.carolyncreates.com/wp-content/uploads/2013/07/Tropical-Family-7-Day-Itinerary.jpg" alt="Tropical Family 7 Day Itinerary" width="300" height="225" class="size-full wp-image-700" /></a><p class="wp-caption-text">Psyching up for the Canopy Tour in Monte Verde!</p></div>
       ```
   
 * (I took the content of the first cell and pasted immediately after the opneing`
   <div ...>` tag, and added `<b>...</b>` around the text.)
    Then, the orange text
   will be within the gray background, and you can actually delete the rows with
   the titles.
 * Regards,
    Tobias
 *  Thread Starter [carolynyalin](https://wordpress.org/support/users/carolynyalin/)
 * (@carolynyalin)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/rowcolumn-width/#post-4027557)
 * Thanks Tobias, I like this idea and have implemented it.
    Do you know why I would
   have a larger white space between row 2 and 3 then between 1 and 2?
 * Many thanks for your help!
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/rowcolumn-width/#post-4027584)
 * Hi,
 * good to hear that this works and that you like it 🙂
 * About the larger white space: In the second row, the cells have some extra line
   breaks after the closing `</div>` tag. Just remove those line breaks, and the
   spacing should be ok again.
 * Regards,
    Tobias
 *  Thread Starter [carolynyalin](https://wordpress.org/support/users/carolynyalin/)
 * (@carolynyalin)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/rowcolumn-width/#post-4027587)
 * Oy! I’ve been firebugging and staring and that was all?!
 * You’re great. Thanks for the awesome service. I will be donating to your plugin–
   you more than deserve it!
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/rowcolumn-width/#post-4027592)
 * Hi,
 * yep, that’s it 🙂 I guess, I was just lucky to spot this (ok, it was intuition
   and experience, to some degree… 🙂 )
 * And thanks for the donation, I really appreciate it!
 * Best wishes,
    Tobias
 * P.S.: In case you haven’t, please [rate TablePress](http://wordpress.org/support/view/plugin-reviews/tablepress)
   here in the plugin directory. Thanks!

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

The topic ‘Row/Column Width’ 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/)

## Tags

 * [columns](https://wordpress.org/support/topic-tag/columns/)
 * [Table Press](https://wordpress.org/support/topic-tag/table-press/)
 * [width](https://wordpress.org/support/topic-tag/width/)

 * 5 replies
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [12 years, 10 months ago](https://wordpress.org/support/topic/rowcolumn-width/#post-4027592)
 * Status: resolved