Thread Starter
nolda
(@nolda)
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
Thread Starter
nolda
(@nolda)
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
Hi,
sure, no problem!
Best wishes,
Tobias
P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!
Thread Starter
nolda
(@nolda)
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: http://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