Can’t change column width

Hi,

thanks for your post, and sorry for the trouble.

It seems that you tried some code from a different post here in the forums. That code will not work in your case though.

Now, I see a table with three columns (the second having images). Just to understand better, what exactly are you trying to change here?

Regards,
Tobias

Hi Tobias,

Thanks for your prompt reply. I wanted to change the column width of each 3 columns to about half its current width.

Thank you,

Jing

Hi,

then, you’d need to change the width of the table first (so that it doesn’t stretch to 100% of the available width). For that, I recommend to add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress-id-22 {
    width: auto !important;
    margin: 0 auto 1em !important;
}

Regards,
Tobias

Hi Tobias,

Thanks a lot! Your recommendation worked, but I now added 3 more columns to the table and encountered one more issue. In Row 2, the text and images (with link) are not appearing. Your help will be highly appreciated.

Jing

Hi,

the reason for this is wrong HTML code. For example, you have added

rel=”nofollow”

which has the wrong quotation marks. You have to use " instead of ”. Also, there should be a space before rel.

In addition (and more important), there’s one
rel="nofollow
where the last " is missing. This breaks the HTML.

Regards,
Tobias

Thank you for pointing that out, Tobias. I checked each link and everything’s fine now. Big thanks for your patience.

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!