[Plugin: WP-Table Reloaded] Added CSS to Extra CSS class but seeing no effect

link not showing

https://www.broomecircle.org.au/family-services/programs-for-adults/

PS I would also like to centre the headings

Hi,

the code needs to go into the “Custom CSS” textarea on the “Plugin Options” screen, and not into the “Extra CSS class” field. Can you try that?

Regards,
Tobias

My apologies, I didnt see this section. Awesome Plugin. Thanks so much!

Hi,

no problem, you are very welcome! ??

Best wishes,
Tobias

Hi just made a small donation, keep up the good work! You are much appreciated. Don’t suppose you could tell me how to add some spacing to the top of the table?

Hi,

thank you for your donation, I really appreciate it!

To add some spacing to the top of the table, just add something like

.wp-table-reloaded-id-2 {
  margin-top: 50px!important;
}

to the “Custom CSS”, and adjust the value as necessary.

Best wishes,
Tobias

Hey Tobias,
.wp-table-reloaded-id-2 {
margin-top: 50px!important;
}
targets for the table with id 2, is there any way to target something like;
table id 5 and Column-1.
I am trying to adjust the width of a column in a table. Dunno why but when I add a picture with NextGen Gallery shortcode ([singlepic id=1 w=160 h=80 float=]) it gets a width of 390.7px ??
or even better can table width and column width are adjustable from somewhere in the plugin?

Once again,
here is the solution if anyone needs,
in the WP-Tables Reloaded setting use the Custom CSS section,

.column-1{
width:80px;
}

and in any table you can use .column-1 in “Extra CSS class” field
omg, what a plugin ??

Hi,

yes, that “Custom CSS” that you posted is good, but I’d actually recommend to use it with a table class prepended, like

.wp-table-reloaded-id-123 .column-1{
  width:80px;
}

where 123 is the ID of your table.
That way, you would not have to add an “Extra CSS class”. And actually, in this example, an “Extra CSS class” .column-1 does not make any sense, as every table has this class (for it’s first column). Also, it is a CSS class on the table, and not just a column! Thus, this would actually change the width of the entire table.

Regards,
Tobias

Yes, thank you. Worked like a charm ??
I am a bit out of css here as you can say.
Is there any way to combine these then?

.wp-table-reloaded-id-4 .column-1{
width:80px;
}
.wp-table-reloaded-id-5 .column-1{
width:80px;
}

thanx in advance

Hi,

great that it worked! ??

Yes, you can combine these two commands:

.wp-table-reloaded-id-4 .column-1,
.wp-table-reloaded-id-5 .column-1 {
  width:80px;
}

Just take the full selectors and combine them with a comma (,).

Regards,
Tobias

Thanx again,
Any last suggestion on vertical alignment?

.wp-table-reloaded-id-4 .column-1,
.wp-table-reloaded-id-5 .column-1 {
  width:80px;
vertical-align:middle;
}

just wont work, not sure if interferes with the theme css ??

Hi,

that code looks good, but unfortunately, it’s sometimes not this easy, for example with images in the cell.

Can you please post the URL to the page with your table?

Regards,
Tobias

tables are located here:
@@vira@@dijital@@.com@@/makineler/endustriyel-baski/

Sorry for the @@’s ?? just remove them:D