Resize image alignment within tables

  • Resolved coolsmurf

    (@coolsmurf)


    6 years, 5 months ago

    I would like to get your advice for this page https://creatz3d.com.sg/product/stratasysfortus3dprinters, scroll below, and click on custom tab – Support Removal.

    Referring to this screenshot – https://i65.tinypic.com/e698br.png.

    All 3 of my images are of the same width and height, 100px x 100px. How do I make them smaller other than resizing the image sizes physically, so that it responds dynamically when one’s display resolution is different.

    And how do I get the text below the 3 images respectively, to display aligned correctly in the same line across rows?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    For this, I suggest to add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress-id-72 td {
	width: 33%;
}
.tablepress-id-72 img {
	width: 100%;
	max-width: 50%;
}

    Regards,
    Tobias

    Thread Starter coolsmurf

    (@coolsmurf)

    Thank you so much Tobias. Appreciate the quick support. Everything works now!

    I had tried this code previously, but it didn’t work.

    .tablepress-id-80 .column-1,
    .tablepress-id-80 .column-2,
    .tablepress-id-80 .column-3 {
    width: 33%;
    }

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

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

    That code should work, too — if you use the correct table ID (of 72 in this case).

    Best wishes,
    Tobias

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Resize image alignment within tables’ is closed to new replies.