[Plugin: WP-Table Reloaded] column CSS style

well, it did reduce my overall table but I still wanted to reduce it more. But anyway, I’m happy with that. Thanks a lot ^_^

Hi,

well, it’s kind of hard to find the solution to this without actually seeing the page (with which I could also run tests). ??

This might also help:

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

Best wishes,
Tobias

I’ve been reading a lot of your posts on custom CSS commands for wp-table and I would not bother you but I honestly couldn’t find anything addressing my specific issue. I’m sorry to bother you.

I see the custom CSS text area on the “plugin options” page but I also noticed a place to enter a custom CSS class in the “table styling options” within each table. I would like to do three things:

1) Reduce cell padding on all tables
2) Make all tables 300px wide
3) And if possible, Justify all tables to right (so that I have a blank area on the left of my pages)Like this page below: https://lifunforless.com/new-page/

The reason I’m trying to position tables to right is that I would like to eventually figure out how to position images to the left of tables.. kind of like a third column. I don’t know if the way I did this is going to cause problems positioning images, text etc. to the left of tables.. do you see any problems doing things this way?

My website: https://lifunforless.com

Also, What is the “custom CSS class” text area in the “table styling options” used for?

Thank you so much for being here.. you are like a god to me!!!

Hi,

thanks for your post.

This CSS code should do what you want:

.wp-table-reloaded td,
.wp-table-reloaded th {
  padding: 4px!important;
}

.wp-table-reloaded {
  width: 300px!important;
  float: right!important;
}

That code needs to go into the “Custom CSS” textarea on the “Plugin Options” screen.

The “Custom CSS class” field on the “Edit” screen of each table has a different purpose. With that, you can add your own CSS classes to tables, so that you can apply your CSS code to several tables at the same time.

Regards,
Tobias

Hi Tobias,

I’m using the plugin to insert a table at the bottom right of my site (in a widget area) for a subscription form.

Here’s my site: https://bit.ly/p0oODq

However, I tried to use “valign=middle” for the tr because as you can see, the labels of the form don’t align with the fields.

Do I need custom CSS to do this? Trying to figure it out but I’m stumped. Thanks!

NOTE: So I finally got the text to center although I’m not sure what did the trick (since I tried so many things and added custom CSS as you instructed to some of the people above.)

NOW my only problem is, there’s a huge space below the image. Already insert the decrease padding in the custom CSS. Any idea how I can get of the extra space? Thanks!

Okay, now the text is off-center again. ??

Hi,

this should be possible with the following CSS code. However, you are not using WP-Table Reloade for this table, so you need to put this into the theme’s style.css. And as the table does not have an ID or class, you can only use the element selector, so this will apply to all tables that you have on your site.

table td {
  vertical-align: middle;
}

Regards,
Tobias

Tobias,

Thanks for your help! I realized the reason why the custom CSS stuff I placed in the Plugin Options weren’t showing up: it was because I exported the table and edited things from there.

That’s when things got messy.

Thank you for the speedy response and for the fantastic plugin. Really makes doing tables a whole lot easier.

One last thing though: I’ve been trying to get the “Sign up” button to align in the middle of the column to no avail. It’s a small thing and I’m already happy with the way the table looks, but if you could just help out, then it would make the table perfect.

THANK YOU ONCE AGAIN!

Hi,

the <div> that wraps the button still has some bottom margin applied.

Some CSS code like

table .shopform_btn {
  margin: 0!important;
}

should change that.

Best wishes,
Tobias

Tobias, it works perfectly! You’re a genius!

Thank you very much!

Hi,

no problem, you are welcome!

Best wishes,
Tobias

Hi Tobias, I have a strange problem that I really hope you can help me with.

I am using table reloaded, have a table with 1 row and 2 cells, all I simply need to do is put an image slider in the first and an embedded youtube video in the other. They both work fine, but they will not line up.

https://croftweb.co.uk/chaser/?page_id=1411

I have created a test page for you to have a look at it, really hope you can help.

Liam

Hi,

this misalignment is the result of a margin on the images. Please try adding this “Custom CSS” code on the “Plugin Options” screen that should fix this:

.wp-table-reloaded .promo_slider_wrapper {
  margin: 0!important;
}

Best wishes,
Tobias

Superb!

Thanks Tobias, I have been scratching my head for hours with that. I new it was something to do with margin, but couldnt figure out how to sort it!

Cheers

Liam

Hi Liam,

no problem, you are very welcome!

Regards,
Tobias