width column issue

Hi Tobias,

I figure it out but not completly.

I am trying to put custom css and add the same/equal column width just for first three rows but no luck?

This is the code that I am using at the moment:

.eltd-woo-single-page .woocommerce-tabs .tablepress td {
width: auto;
padding: 8px;
}

.tablepress-id-NanoX .column-1,
.tablepress-id-NanoX .column-2,
.tablepress-id-NanoX .column-3 {
width: 150px;
}

Can you please help?

Thnx a lot

Hi,

due to the Woocommerce CSS issue, we need a slightly changed CSS to change the width. Please try using

.tablepress-id-NanoX .column-1,
.tablepress-id-NanoX .column-2,
.tablepress-id-NanoX .column-3 {
  width: 150px !important;
}

Regards,
Tobias

Hi Tobias,

I still have an issue with the table.

Not sure why the width of the columns in first three rows are not the same?

Can you please check this link so you can see the issue?

https://www.sub.famax.hr/product/nano-x/

Thnx a lot Tobias

Hi,

because you have not told the browser to make them the same anywhere ?? With the CSS from above, you are setting the width of the first three columns, regardless of the rows.

You probably want to use

.tablepress-id-NanoX td {
    width: 150px !important;
}

instead of what you have above.

Regards,
Tobias

Yes!

that’s it,

thnx you T.

Hi,

sure, no problem!

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Hi Tobias,

question about table.

I created new table and cuz the first column text are longer the table has a space between first column and second column which I dont want?

Can you please give me some advice how to handle that?

Here’s the link where you can check the table: https://famax.glowup.hr/product/nano-1-155/

Thna a lot T.

Hi,

you could reduce that width e.g. with the “Custom CSS”

.tablepress-id-Nano .column-1 {
    width: 250px!important;;
}

Regards,
Tobias