[Plugin: WP-Table Reloaded] Cannot find the way to make all text Bold

Hi Tobias,
well I now found the way to make it per cell by addling the command “strong” at the beginning and end of each cell text – it is working fine.

But, is there a way to add it as a command line in the Custom CSS.

It will take me a lot of time to enter each cell individually.

Thanks
William

Hi William,

thanks for your kind words! Nice to hear that! ??

Making all text in the table bold is fairly easy, you’ll only need to extend your CSS a little:

.wp-table-reloaded-id-9 td {
  font-family: Tahoma;
  font-size: 14px;
  font-weight: bold;
}

After that change, you won’t need any <strong> tags in your cells.

Best wishes,
Tobias

Dear Tobias,
Thanks for the BOLD issue, I added the line and it is working just fine which permited me to go on air so you can also see what is about and I can also ask for the 3 other more (I think…) difficult to solve.

The first is header title centering – if you look at https://www.provideodeal.com/selected-items you can see where I use the table. The page title should be “Selected Items” which I will be happy to put in the header title at the center instead of the HTML. I followed the instructions by writing in the Custom plugin option the title “Selected Items” on the left upper cell row 1 and adding #colspan# to the 2,3,4 cells. I had an error from the browser and it didn’t worked. Can you please advise how to manage it?

Second one is (I saw many discussions on the issue…) is the cell width. If you look again on the same Selected items page you can see that A,B,C are fine but then column D is stretching to the right and is dramatically different than A,B,C.
Is there a way to make a fit to this.
In addition I’m trying to make a text break to keep it like a nice square text block by making “enter” on the table description but it is stretching the text as well in cell D.
I was trying to play with the width with for example but it didn’t worked:
.wp-table-reloaded .column-1 {width:25%;}
.wp-table-reloaded .column-2 {width:25%;}
.wp-table-reloaded .column-3 {width:25%;}
.wp-table-reloaded .column-4 {width:25%;}

Can you please tell me is possible to do in order to have them all fixed with a strict horizontal width?

The last is in the home page https://www.provideodeal.com now there is a static graphics of products at the bottom of the page (6 items)
I was trying to put a table instead but then again, I couldn’t adjust the size and warp of the table – it always stretchered to full horizontal page which is a size that cannot fit visually – again, knowing how to work with width I assume…

Looking forward to hearing from you.

Thanks in advance

William

Hi Tobias,
I managed to make it better now, so you wont see how bad it was before with the width of selected items.
It was the length of the text line that seems to influence the width of the cell – right?
So the text line horizontal width is priority to additional width adjustments?

still interested to know how to adjust one or all column width.

Thanks

William

Hi William,

yes the lenght of the text in a cell does indeed influence the width of a cell.

What takes precendence is not easy to tell, as some browsers behave differently than others.

It might help to use the “!important” keyword, to increase the CSS priority:

.wp-table-reloaded .column-1 {width:25%!important;}
.wp-table-reloaded .column-2 {width:25%!important;}
.wp-table-reloaded .column-3 {width:25%!important;}
.wp-table-reloaded .column-4 {width:25%!important;}

For the error with the browser when merging the header cells: This comes from the DataTables library, which offers the sorting and searching in tables. Unfortunately, it won’t work when a table has merged cells. So, you will have to choose: Either merge cells and don’t use the library (all you need to do is disable it for the table in question, by unchecking the “Use JavaScript library” checkbox under the textfields on the “Edit” screen of the table), or use the library and don’t merge cells.

Regards,
Tobias

Hi Tobias,
Thanks for the width syntax – I’ll try to pale with it. Can you please aad or clarify where and what to write in order to associate this width block to a specific table?

Clear for the title in header – I’ll live with it…

Many thanks

William

Hi,

all this Custom CSS has to go into the “Custom CSS” textfield on the “Plugin Options” screen of WP-Table Reloaded.

To just style a certain table and not all of them at once, use .wp-table-reloaded-id-N in the selector instead of just .wp-table-reloaded, where N is the ID of the table to style.

So, for example to make all four columns of a (fictious) table with ID 4 25% wide, you would use this code, which then only affects table ID 4:

.wp-table-reloaded-id-4 .column-1 {width:25%!important;}
.wp-table-reloaded-id-4 .column-2 {width:25%!important;}
.wp-table-reloaded-id-4 .column-3 {width:25%!important;}
.wp-table-reloaded-id-4 .column-4 {width:25%!important;}

Best wishes,
Tobias

Excellent!
I’ll try this and post results.
Many thanks
William

Hi Tobias,
the width works very good. Thanks!
can you please provide your email adrres?
Wish to post you some details.
Many thnaks
William

Hi,

if you want to email me about a problem or question regarding the plugin, please just open a new thread here in the forums.

Otherwise, you can find my email address in the main plugin file of WP-Table Reloaded or in the “Imprint” on my website.

Best wishes,
Tobias

Hi Tobias,
mail sent.
William