Table Press Shrinking Image

  • Resolved tablepresslover

    (@tablepresslover)


    6 years, 11 months ago

    Hello tobias, thank you for the plugin. I’m wondering if I can resize my images so it can fit the row and people would not have to scroll horizontally. I checked out your other solutions in other threads by fiddling with this code

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

    but to no avail it doesn’t work.

    My current: https://i.imgur.com/YsG801K.png

    What I want it to be: https://i.imgur.com/1OqVFoE.png

    Sorry for bothering you!

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

    (@tobiasbg)

    6 years, 11 months ago

    Hi,

    thanks for your question, 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 tablepresslover

    (@tablepresslover)

    6 years, 11 months ago

    link

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years, 11 months ago

    Hi,

    thanks!

    It seems that you have embedded the images with captions. These do however get additional HTML tags, and they actually get a fixed width (160px) by WordPress. You might be able to change that by adding this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress .wp-caption {
	width: 100% !important;
}

    The better approach might be to add the images without the captions, as your CSS should then work better.

    Regards,
    Tobias

    Thread Starter tablepresslover

    (@tablepresslover)

    6 years, 11 months ago

    I tried removing the captions and it still won’t resize 🙁

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years, 11 months ago

    Hi,

    when I check your link, all images still have the caption?

    Regards,
    Tobias

    Thread Starter tablepresslover

    (@tablepresslover)

    6 years, 11 months ago

    Done

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years, 11 months ago

    Hi,

    for the table that is on the test page now, you can use

    .tablepress-id-15 img {
  max-width: 100%;
}

    Regards,
    Tobias

    Thread Starter tablepresslover

    (@tablepresslover)

    6 years, 11 months ago

    Thx tobias for some reason these codes aren’t working but I remove sidebar to make it work.

    Now I have two newer problems if I may, same link.

    The first table reduces some of the images irregularly I want all of it to be all same size ie 150px x 150px

    For the second table:

    If you see Slot1 under king’s new cloak, I want the image to be in align with the rest of the images when giving description to the images.

    Thread Starter tablepresslover

    (@tablepresslover)

    6 years, 11 months ago

    <style type="text/css">
#container { width: 100px; //whatever width you want }

#image {width: 100%; //fill up whole div }

#text { text-align: justify; }    
</style>

 <div id="container"> 
     <img src="" id="image" /> 
     <p id="text">oooh look! text!</p> 
 </div>

    I found this code online and it resolved the issue I had. I still can’t get tablepress CSS to work properly but this will have to do. Thank you tobias for your patience and kindness.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years, 11 months ago

    Hi,

    nice! Good to hear that you found a solution!

    Best wishes,
    Tobias

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Table Press Shrinking Image’ is closed to new replies.