[Plugin: WP-Table Reloaded] center images in column

Hi,

centering images is a little bit more tricky, as those are “block” elements.

For images, this usually works, but to be sure, it would be good if you can post the URL to your table.

.wp-table-reloaded-id-1 img {
  margin: 0 auto !important;
}

Regards,
Tobias

Hi I am having the same problem.

Here is a link to the page: https://www.bluecoreheatsinks.com/products/to-xxx-stamped-heatsinks

I have tried many different css styles from your support forum but non that work. Currently I have:

‘.wp-table-reloaded-id-2 td { text-align: center; !important; } .wp-table-reloaded-id-2 img { margin: 0 auto !important; }’

But I don’t think its doing much. I’d like the text an damages centred please.

Hope you can help

Many thanks

Kim

Hi Kim,

where did you enter that CSS code? I don’t see it anywhere in the source code of the page…

It needs to go into the “Custom CSS” textarea on the “Plugin Options” screen of WP-Table Reloaded.

Regards,
Tobias

Hi Tobias,

That’s where I entered it in “Extra CSS Class” in the table styling options.

Is that correct?

Kim

hi kimberleyjane,

change this code

/wp-content/plugins/wp-table-reloaded/css/plugin.css

line no:7

.wp-table-reloaded {
border-collapse: separate;
border-spacing: 1px;
font-size: 8pt;
text-align: center;
}

Thankyou so much this works perfectly. next question of course is how do I centre the whole table. It seems wrapping the code in div tags doesn’t work.

Thanks again
Kim

what?
give your skype id.
then i sovle all quetion of u.

now remove your id

Hi Kimberley,

no, the “Extra CSS class” field is not the correct place. The code needs to go into the “Custom CSS” textarea on the “Plugin Options” screen.

Also, please do not modify the plugin’s CSS files directly, as mukesh27 wrongly suggests! You will lose those modifications when the plugin is updated (due to the way how WordPress plugin updates work). Instead, paste the code into the mentioned “Custom CSS” textarea.

About centering the table: That’s possible with this CSS code:

.wp-table-reloaded-id-2 {
  margin: 10px auto 15px auto !important;
}

Best wishes,
Tobias

Hi Tobias.

All working!! How do I add vertical centre though so that the text sits in the centre of the row?

Many thanks

@mukesh27? It might be beneficial to everyone if you share the solution to problems here.

tl;dr Like email addresses, can you please not ask for Skype IDs in these forums?

Hi Kimberley,

to center the cell content vertically, you can use this CSS code:

.wp-table-reloaded-id-2 th,
.wp-table-reloaded-id-2 td {
  vertical-align: middle !important;
}

Regards,
Tobias

how remove my post that i write above,
give reply i delete it

No need, it’s all good. ??

Just please refrain from asking for other people’s Skype id. By sharing the solutions to these problem here you’ll be helping many more people and other volunteers.

Hi,

yes, that is indeed better. If you keep discussions here, we can later link to this thread, if someone experiences the same problem.

Best wishes,
Tobias