Cannot align text with image

Hi,

thanks for your question, and sorry for the trouble.

I’m afraid that I can’t really help with just the image, as I can’t check where the extra spacing is coming from ??
Can you maybe temporarily take the site out of maintenance mode or email me a link, if you don’t want it to be public? (The address is in the main plugin file “tablepress.php”.)

Regards,
Tobias

Ok, it’s online for now.

Hi,

I would then also need the link, please ??

Regards,
Tobias

Oops, my apologies.
https://colormasterspainting.net/

Hi,

thanks! Please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

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

This makes the two cells the same size and adjusts the size of the images to the screen widths.

Regards,
Tobias

That did it. Thanks for your excellent support.

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!

Hello, Tobias. The CSS worked for the first table however, I cannot get the 2nd table height to line correctly. The image dimensions are the same as the first image but the 2nd table height is too long… Help.
https://colormasterspainting.net/

• This reply was modified 4 years, 8 months ago by goodsuccess.

Hi,

for me, the images dimensions are not the same… The picture on the right is quadratic, whereas the one on the left (the garage door) is not… That’s why they have different heights.

Regards,
Tobias

Ok, how do I undo quadratic image on right?

Hi,

from what I saw, the image itself was quadratic, thus you’d have to reshape/cut it in an image editing program first, or in the WordPress media library, and then re-insert that modified version.

Regards,
Tobias

Thanks, yes that is what I did. But never got it to resize correctly. So now I am back to square one. I also tried copying and pasting the code you gave me and inserted into custom CSS (changed table id to 3) but could not get it to align.

Is there a better way to do this?
Thanks for your time and efforts.
https://colormasterspainting.net/

Hi,

you will need images that have the same size, otherwise they will never really align, I’m afraid…

Can you maybe switch the site live again, so that I can check the code?

Regards,
Tobias

The site is live. The images are on another table. DO I need to add the same custom CSS code to make them align?
Thanks again.

• This reply was modified 4 years, 8 months ago by goodsuccess.

Hi,

yes, you should also add

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

to the “Custom CSS”.

But again, the main requirement is to use images that have the same aspect ratio (width/height quotient). From what I can see, this is not the case for the “Staining” and “Decorative Concrete” images.

Regards,
Tobias