Center images
-
Hello Tobias,
First of all I would to thank you for your great plugin.
I have an issue with image, they do not center in the column…I tried to center image with html… it doesn’t work
I tried with css :
.tablepress img {
text-align: center;
}
It doesn’t work….Please help
Regards,peantoine
-
Hi,
thanks for your post, and sorry for the trouble.
Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!
Regards,
TobiasHi,
thanks! To center these images, please try this “Custom CSS” code:
.tablepress img.aligncenter { margin: 0 auto; }Regards,
TobiasAwesome !!
Great it’s work perfectlyThanks very much
Hi,
no problem, you are very welcome! 🙂 Good to hear that this helped!
Best wishes,
TobiasP.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!
I am always happily surprised by the kindness of the wordpress developers community 🙂
I have already give 5 stars to your plugin 🙂
Hi,
thanks, I really appreciate that!
Best wishes,
TobiasHi kampun,
from what I can see, the images in your screenshot are centered. The problem is more that you selected to insert the smaller, quadratic, thumbnail images. That’s why they appear cut-off.
If you select “full size” when inserting the images, everything should be fine.Regards,
TobiasHi Tobias, I followed all your custom css commands to center images then I can see them well in the PlugIn Preview, but when I add the table into the page and publish it just one of the 6 images appears centered. What´s the problem?
Thanks! you plug-in is great.
CarlosHi cgiacaglia,
thanks for your post, and sorry for the trouble.
Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!
Regards,
TobiasThis is the page:
http://www.inmaculada.edu.ar/prueba-tablas/This is my current Custom CSS configuration (Table 1)
.tablepress-id-1 img {
display: block;
margin: 0 auto;
}.tablepress-id-1 .column-3 {
width: 200px;
}.tablepress-id-1 tbody td {
vertical-align: middle;
line-height: normal;
}.tablepress img {
vertical-align: middle;
}.tablepress thead th {
text-align: center;
}Hi,
thanks for the link. In your case, the solution is much simpler:
Just choose to align the image in the center, when inserting it.
Or, in the HTML code<a href="https://www.facebook.com/unitecnics"><img src="https://i1.wp.com/www.inmaculada.edu.ar/wp-content/uploads/2017/12/Unitecnics-logo.jpg?resize=300%2C135" alt="" class="alignnone size-medium wp-image-2454" data-recalc-dims="1" /></a>change the
alignnonein theclassattribute toaligncenter.Regards,
TobiasIt´s working! Thanks
Hi,
no problem, you are very welcome! 🙂 Good to hear that this helped!
Best wishes,
TobiasP.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!
The topic ‘Center images’ is closed to new replies.