Eqal image size in columns & first column width

  • Resolved piotrk87

    (@piotrk87)


    4 years, 11 months ago

    Hi Tobias,

    I hope you are doing well in these difficult times.

    I’ve searched topics on the forum and tried different CSSes proposed there, also tried on my own, but to no avail.

    I have mobile operators logos I wanted to put to the table. Since I need them all to be visible in adequate size on mobile devices and the tables have usually a lot of columns too, I use the additional responsive plugin.

    The problem is that once I have it more or less working, the width of the first column (and all of the columns on mobile version) seems always to be too big. This is especially visible on the mobile version of the page, but you will notice it on the large screen too.

    I would like these columns to match the width of the logos. Similarly, I seek to have the logos of the same size.

    This is what I’ve added to the plugin options:

    .tablepress-id-21 img {
    max-width: 30%;
    height: auto;
    }

    .tablepress-id-21 thead th {
    white-space: nowrap;
    }

    I’ve tried also adding the following, but it then makes the picures very small :

    .tablepress-id-21 .column-1 {
    width: 100px;
    }

    Would you please be able to help, so that I could have it working?

    The website is here: Link, hope you can access it?

    Please scroll down a bit to see the table.

    Thank you!

    Piotr

    • This topic was modified 4 years, 11 months ago by piotrk87.

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

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

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    No, sorry, the link is not working, I only get “B??dny link :(“.

    Regards,
    Tobias

    Thread Starter piotrk87

    (@piotrk87)

    Hi Tobias,

    This link should be valid: Click

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks! Yes, that link is working!

    That max-width: 30%; does not make sense. Please change that to max-width: 100%;
    After that, setting the column width for column 1 should also give the desired effect.

    Regards,
    Tobias

    Thread Starter piotrk87

    (@piotrk87)

    Thank you, this solved the column problem, however it seems like the size of images causes headache, especially on mobile.

    Is there any way I could force them to be of equal size in TablePress?

    Piotr

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    they do have an equal width, but the images’ height is different. It might therefore be better to make them all equal (in width and height) in an image editing program.

    Regards,
    Tobias

    Thread Starter piotrk87

    (@piotrk87)

    Thank you, this is what I though and will try it one day.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

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

    Best wishes,
    Tobias

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Eqal image size in columns & first column width’ is closed to new replies.