• Resolved peantoine

    (@peantoine)


    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

Viewing 15 replies - 1 through 15 (of 17 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    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,
    Tobias

    Thread Starter peantoine

    (@peantoine)

    Hello Tobias,

    Thank you for your quick return !
    One exemple of my issue : exemple

    Regards,
    peantoine

    • This reply was modified 8 years, 9 months ago by peantoine.
    • This reply was modified 8 years, 9 months ago by peantoine.
    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    thanks! To center these images, please try this “Custom CSS” code:

    .tablepress img.aligncenter {
        margin: 0 auto;
    }

    Regards,
    Tobias

    Thread Starter peantoine

    (@peantoine)

    Awesome !!
    Great it’s work perfectly

    Thanks very much

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! 🙂 Good to hear that this helped!

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

    Thread Starter peantoine

    (@peantoine)

    I am always happily surprised by the kindness of the wordpress developers community 🙂

    I have already give 5 stars to your plugin 🙂

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    thanks, I really appreciate that!

    Best wishes,
    Tobias

    Thank you, i have the same issues. But unfotunately not fixed my issue.
    I have added the code but slighly improved.
    I am attaching my screen shot here.
    Shall i provide more details to you?

    • This reply was modified 8 years, 8 months ago by kampun.
    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi 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,
    Tobias

    Hi 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.
    Carlos

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi 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,
    Tobias

    This 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;
    }

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    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 alignnone in the class attribute to aligncenter.

    Regards,
    Tobias

    It´s working! Thanks

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! 🙂 Good to hear that this helped!

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Viewing 15 replies - 1 through 15 (of 17 total)

The topic ‘Center images’ is closed to new replies.