[Plugin: WP-Table Reloaded] Is this Possible???? Column height

Hi,

no that is indeed not possible. The reason is basically, that you can not set the height of columns but only of rows. And the rows always extend from left to right with that height.

I guess you want to make that second column shorter so that the text below moves up there a little, right?
The correct procedure to achieve this would then actually be to not use a table, because tables are not really the best choice for layout purposes.
But, you should be able to achieve something similar with a little trick:
Instead of inserting a table into the right column (which is easily possible, you would just have to insert the Shortcode), just add a new row to the table. Then, in the cell in the first column of that new row, enter the text #rowspan# (there’s an explanation of that feature below the table edit fields). Basically it will connect the two rows of the first column to one cell, so that you in effect have one larger cell on the left, and two cells on the right. Then you can move some of the text from below the table into that new cell.

Best wishes,
Tobias

Hi Tobias,
Sorry to bother you again. I tried the rowspan thing but I don’t think I was doing it right so I tried the entering shortcode into the other column. It worked as you can see on the site https://simplyskyy.com/lutishiawp/
HOWEVER when I attempt to make the contents of the new one (Table 3 that is inside table 1) the colors won’t change. I can see the changes that I made to the original row (transparent background in the right column. but the css that I’m entering for the table inside is not changing but it’s staying the same color as the original table.

Here is my code.

.wp-table-reloaded-id-1 .column-1{
 background-color: #5a5602!important;
}
.wp-table-reloaded-id-1 {
 background-color: transparent!important;
}
.wp-table-reloaded-id-1 .column-2{
 background-color: transparent!important;
}

.wp-table-reloaded-id-1 .column-1 {
 border: 10px solid #b9b00a!important;
}

.wp-table-reloaded-id-1, .wp-table-reloaded-id-1 td, .wp-table-reloaded-id-1 th {
  border: none!important;
  border-collapse: collapse!important;
  border-spacing: 0px!important;

.wp-table-reloaded-id-3, row-1 .column-1{
 background-color: transparent!important;
}

And I’m also trying to make the right side (with the youtube) be directly in the middle of the left side (the book cover). Right now it’s a little bit down but not exactly center of the left side.

Hi,

there is a closing bracket } missing after this part of your code:

.wp-table-reloaded-id-1, .wp-table-reloaded-id-1 td, .wp-table-reloaded-id-1 th {
  border: none!important;
  border-collapse: collapse!important;
  border-spacing: 0px!important;

After you add that, the colors should work as expected.

About the centering: I’m not yet sure what you want to be in the center. The video exactly centered with the cover image or the right cell with the left cell?

Regards,
Tobias

Hey yeah I am ok about the centering but I closed the bracket and it’s still not working. The color is still there. Here is the code.

.wp-table-reloaded-id-1 .column-1{
 background-color: #5a5602!important;
}
.wp-table-reloaded-id-1 {
 background-color: transparent!important;
}
.wp-table-reloaded-id-1 .column-2{
 background-color: transparent!important;
}

.wp-table-reloaded-id-1 .column-1 {
 border: 10px solid #b9b00a!important;
}

.wp-table-reloaded-id-1, .wp-table-reloaded-id-1 td, .wp-table-reloaded-id-1 th {
  border: none!important;
  border-collapse: collapse!important;
  border-spacing: 0px!important;
}

.wp-table-reloaded-id-3 {
 background-color: transparent!important;
}

.wp-table-reloaded-id-3, row-1 .column-1{
 background-color: transparent!important;
}

Wait nevermind I got it to work. Thanks a bunch! You ROCK!!!!

Hi,

no problem! ?? Great to see that this worked!

Regards,
Tobias