[Plugin: WP-Rable Reloaded] Support with formatting.

Hi Thomas,

thanks for your post.

I can actually see thin gray border lines between the rows. Is that not what you wanted?

To reduce the overall width of the tables, you can use something like this:

.wp-table-reloaded-id-1 {
  width: 80% !important;
}

(for each table, and then adjust the ID of course).

However, before that, your current CSS code needs to be fixed:
The main error is the “column_widths” parameter: This won’t work here, as this is not CSS code, but a parameter for the Shortcode (i.e. the [table id=1 /]).
After removing that, the code should already show some results.
You should then also remove the width: 60%;, as that does not make sense on all table cells. Instead, you would set the column width for a column like this:

.wp-table-reloaded-id-1 .column-1 {
  width: 200px !important;
}

(here for column 1 of table 1).

Regards,
Tobias

Hi Tobias,

Thank you for coming back so quick.

You are right in the lines between the row’s are there. I ment the lines between the columens.

I have tried to make the changes you send back, however still having a problem with the column widths, please see below what I have done.

.wp-table-reloaded-id-1 td {
width: 80% !important;
.wp-table-reloaded-id-1 .column-1 {
width: 10px !important;
}
.wp-table-reloaded-id-1 .column-2 {
width: 25px !important;
}
.wp-table-reloaded-id-1 .column-3 {
width: 25px !important;
}
.wp-table-reloaded-id-1 .column-4 {
width: 25px !important;
}
.wp-table-reloaded-id-1 .column- {
width: 25px !important;
}
border: 1px Solid ThreeDShadow;
text-align:left!important;
vertical-align:middle!important;
margin: 1px auto 1px!important;
font-family: Verdana;
font-size: 10px;
color: #0d2c11;
}

One other thing is the font in the header, how do I change the font there?

Cheers,
Thomas

Hi Thomas,

(First: No need to post your CSS here, I can see it in the page ?? )

This “Custom CSS” is not working, because you just inserted the new code right in the middle of the exsting one. This broke everything basically. Notice how each command consists of a selector part (something like .wp-table-reloaded-id-1 ... and then some property: value; commands, wrapped in curly braces {}. You can’t just insert new code in the middle on another command.

For changing the font in the header, please take a look at the FAQ at https://tobias.baethge.com/wordpress-plugins/wp-table-reloaded-english/faq/ , where you will find the necessary steps.

(And if I may make a recommendation on the design: You don’t want to add borders between the columns. You should leave them off. Vertical borders in tables are ugly. ?? )

Regards,
Tobias