Hi,
thanks for your question!
Probably, you just need the following CSS code, which needs to be added to the “Custom CSS” textarea on the “Plugin Options” screen:
.wp-table-reloaded-id-123 {
width: auto !important;
}
Don’t forget to change the ID from 123 to the real table ID.
If this does not help, please post the URL to the page with your table.
Best wishes,
Tobias
Hi,
great, thanks for the confirmation!
Best wishes,
Tobias
Thread Starter
Wendy
(@gwade)
Hi Tobias
You suggestion above worked perfectly. How would I set the hight to auto fit the image in teh cell? Also I want to get rid of the borders please could you help me on this.
Thanks for you times.
Grant
Hi Grant,
it’s hard to find out the exact code without actually seeing the page (as I can directly try things there). Could you therefore please post the URL to the page with your table?
Regaring the borders: Please take a look at the plugin FAQ at http://tobias.baethge.com/wordpress-plugins/wp-table-reloaded-english/faq/ where you will find this answered.
Best wishes,
Tobias
Thread Starter
Wendy
(@gwade)
Hi Tobias
I am trying to compact the table vertically so there is less space between the images & text.
http://www.bestfatburners.com/phen375-customer-reviews
Thanks
Grant
Thread Starter
Wendy
(@gwade)
Hi Tobias
I have been able to remove the borders but I am still geting a lot of white space between the graphics. I want to have the min space between the 3 graphics in the column
http://www.bestfatburners.com/phen375-customer-reviews
I have tried this bit of CSS code but its not working
.wp-table-reloaded-id-4 {
width: auto !important;
height: auto !important;
vertical-align: middle!important;
text-align: center!important;
}
Thanks
Grant
Hi Grant,
thanks for the link and for describing what you want to achieve.
This is actually more tricky than setting the height of the cell (but not hard to do). The reason is, that with images, not the cell is giving the “reference height”, but the image. This means, that the cell will take that height that is necessary to fit the image (and all padding, margin, and borders on the image).
Now, to reduce the space between your images in the cells, just a small change in your “Custom CSS” is necessary:
Replace the lines
.wp-table-reloaded img {
border: none!important;
}
with
.wp-table-reloaded img {
border: none!important;
margin: 0 !important;
padding: 0 !important;
}
This will move the cells/images closer together.
Best wishes,
Tobias
Thread Starter
Wendy
(@gwade)
Many Thanks for your help.
Hi,
no problem, you are very welcome.
There’s no need to make this apply to just one table though (by adding the -id-123). If you leave that off and use just the code I gave you, you’ll have not only shorter CSS, but also less trouble later on 🙂
Best wishes,
Tobias
