WebP generated images break CSS in tablepress

  • Resolved Brian

    (@bricam)


    3 years, 10 months ago

    Hi there,

    Using the option to generate and serve WebP images from Imagify, I noticed that a custom CSS class to manipulate size of the images in a Tablepress column is not working. I can’t figure out why for the life of me. Can you help provide a suggestion please?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author WP Media

    (@wp_media)

    3 years, 9 months ago

    Hi @bricam

    Thanks for your patience!

    Depending on what kind of change you need, you can try with adding the following CSS rule and edit it accordingly:

    picture.best-table_image img {
    height: auto;
    width: auto;
    max-height: 200px;
    margin: 0;
    padding: 0;
    max-width: 90%!important;
    vertical-align: middle!important;
    text-align: center;
}

    This is copied from your CSS and just added “picture” to apply to the picture tag.

    Let me know if you need smaller/larger images, or what kind of other change if editing this code does not help. We are happy to check it further for you.

    Maybe sending a screenshot of before/after comparison could help us see the difference as well.

    Best Regards

    Thread Starter Brian

    (@bricam)

    3 years, 9 months ago

    Hey thanks! Much appreciated

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘WebP generated images break CSS in tablepress’ is closed to new replies.

Tags