coloum 1 too width, coloum 2 the wording being push to 2 line

Hi,

thanks for your question, and sorry for the trouble.

From what I can see, there’s some CSS in your theme that influences the column widths. The CSS that you added seems to have resolved that however, at least when I checked your link. Alternatively, you could try setting the column widths directly, e.g. via https://tablepress.org/faq/column-widths/

Regards,
Tobias

Hi Tobias,

Thanks for your advise. I will try to use your method.

regards,

Clement

Hi Tobias,

I have try to use the setting that you advise, but the wording in column 2 is still not display in 1 line, it seem squeeze to 2 line.The column 1 seem is still too wide. Wonder any way can set the wording in column 2 to display in 1 line?

Below is the setting I made:-

.tablepress th,
.tablepress td {
width: auto;
}

.tablepress-id-1 th,
.tablepress-id- td {
padding: 4px;
}

.tablepress-id-1 .column-2 {
white-space: nowrap;
}

In try to change the size font and colors, but the font make no changes.

Below is the CSS that I am using to change font size and color:

.tablepress-id-1 tbody td {
font-family: Tahoma;
font-size: 12px;
color: #FBB454;
}

Can please advise?

Many thanks.

regards,

Clement

Hi,

I can’t reproduce this. The columns have the same width and the text in column 2 is in one line. Or am I looking at the wrong table?

Regards,
Tobias

Hi Tobias,

The table I refer to is the heading specifications

The second row first column is TYPE, second column is OFFICE TOWER. Office Tower is split to 2 line. All the wordings under column 2 is split to 2 line.

Please refer to the link:

https://www.corporateofficedb.com/office-for-rent/raffles-place-marina-bay/capital-tower-office-for-rent/

I have redo a table, still the same. The css I using as below:

.tablepress-id-2 .column-2 {
width: 300px;
}

Can please help?

Thaks.

regards,

Clement

Hi Clement,

I’m sorry, but I simply can not reproduce this. I checked the link again in Firefox and Google Chrome, and the two columns have the same width and the words are in one line.

Can you maybe post a screenshot of what you are seeing?

Regards,
Tobias

Hi Tobias,

Can advise how to post a screenshot in this forums? I cannot find how to paste the screenshot?

regards,

Clement

Hi,

you could for example upload it to a free image hoster like https://imgur.com/ and then post the link here.

Regards,
Tobias

Hi Tobias,

I upload the screenshot to Dropbox, the link below:-

https://db.tt/EFIxOrvY

regards,

Clement

Hi,

thanks!

Ok, so it seems that Microsoft Edge is interpreting the CSS differently…

The reason might however also be caching. As far as I can see, you are using a CDN for the CSS loading on the site. However, the file that the browser loads from https://zone1.corporateofficed.netdna-cdn.com/wp-content/tablepress-combined.min.css?ver=11cb91598a4d2aacd1414d952ea40034 seems to be different to the (correct) file that I get from the same URL without that version string at the end https://zone1.corporateofficed.netdna-cdn.com/wp-content/tablepress-combined.min.css
Can you verify that? I assume that you’ll somehow need to clear the CDN cache on your site.

Regards,
Tobias

Hi Tobias,

Thanks for your advise.

I have delete my cache, but I open the page with Chrome, still make no changes. Sorry to bother you again, can advise do I need to uninstall my WP super cache? So the browser can loads correctly ?

Do I also need to disconnect from my CDN first? Currently I am using MAXCDN.
Regards,

Clement

Hi Clement,

you will basically have to find out why those cached files on the CDN are different. This might be a configuration issue, but it might also be a problem on MaxCDN’s side.

Disabling and turning off all caching might be a good first step, as we can then check if the caching/CDN really is causing this.

Regards,
Tobias

Hi Tobias,

Many thanks for your advise, I will try.

regards,

Clement Jaw

Hi,

sure, you are very welcome!
I hope that you can find something!

Regards,
Tobias

Hi Tobias,

I’ve got a similar problem.

I created the table you can see on my blog:
https://saugroboter-preisvergleich.de/vergleich-seite/

I want to extand the coloum width and for this I’ve put in the following code:
——————————————————————
/* Breite einer einzigen Spalte */
.tablepress-id-1 .column-1 {
width: 300px;
}

/* Maximale Breite einer Tabelle */
#tablepress-1_wrapper {
max-width: 690px;
}
———————————
After that nothing happened.

I already tried to put in the codes described on your homepage under https://tablepress.org/faq/column-widths/

Can you please decribe me another way to extend the coloum width? I also want to extend the table more to the left. Is that possible and how?

I use the wordpress 2013 theme for my blog. Perhaps there’s something in the css code I should change.

I hope I described my problem in English clearly, otherwise I could write some sentences in German.

Thank you for your help.

Best regards
Manuel