Gettting #colspan# to Work

Resolved everydaywanderer
(@everydaywanderer)

5 years, 1 month ago

I’m trying to add a section to https://everydaywanderer.com that looks like what I’ve successfully created here: https://everydaywanderer.com/test

Essentially I want the text to span the two right columns with an image in the left-hand column. Although it works on the test page, it will not carry over to my home page. The image gets really big and I’m not certain the text is still spanning two columns.

I *think* I need to update the .css on the home page, but cannot for the life of me figure out how to do it. Can you help? Thanks so much!

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

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

Plugin Author TobiasBg
(@tobiasbg)

5 years, 1 month ago

Hi,

thanks for your question, and sorry for the trouble.

From what I can see, there is no #colspan# in any of the tables on the home page? Can you maybe add that to the desired place, so that I can check what we then need to adjust?

Regards,
Tobias

Thread Starter everydaywanderer
(@everydaywanderer)

5 years, 1 month ago

Yes, sorry for the confusion. I was trying to explain that the table that is working for me is here: https://everydaywanderer.com/test

But when I add it to my home page, it doesn’t work. So, I removed it from the home page because it wasn’t working. That makes me think that it’s a .css issue.

Does that make sense???
Plugin Author TobiasBg
(@tobiasbg)

5 years, 1 month ago
Hi,

ah, thanks for the explanation!

This is indeed a CSS thing. You are using CSS on the home that makes all cells in all tables on the home page equal-width. Now, that new table 11 technically only has two columns, for which equal width means 50%/50%. That’s why the table looks different. We’ll therefore have to override the width setting for that table. For that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:
```
.tablepress-id-11 .column-2 {
    width: 66% !important;
}
```
In addition, you don’t actually need any colspan in that table then. Just make it a two-column table, by deleting the third column (with #colspan# in it). The outcome will be the same here. Using #colspan# would only really make sense if there would be other rows in this table that have the full number of cells.

Regards,
Tobias
Thread Starter everydaywanderer
(@everydaywanderer)

5 years, 1 month ago

Yay! That’s working! However, I can’t seem to resize the image in that table, no matter what I do via height and width. Is that another .css thing?

https://everydaywanderer.com

Thanks a million! You’re THE BEST!!!
Plugin Author TobiasBg
(@tobiasbg)

5 years, 1 month ago
Hi,

good to hear that this is working now!

Yes, this is also a CSS thing now, as we have previously instructed all images on the home page to stretch to 100% of their cell. To change that for this image, please try
```
.tablepress-id-11 .column-1 img {
    width: 70% !important;
    margin: 0 auto;
}
```
Regards,
Tobias
Thread Starter everydaywanderer
(@everydaywanderer)

5 years, 1 month ago

Worked like a charm! Thank you soooooooo much! (Sending another Pay Pal donation your way!) 🙂

Plugin Author TobiasBg
(@tobiasbg)

5 years, 1 month ago

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!

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

The topic ‘Gettting #colspan# to Work’ is closed to new replies.

Tags