On the woocommerce cart page you can choose different shipping methods. It looks to me, that there are two columns (th & td I guess?). How can I change proportions of them, so that the left column is 20% width vs right column being 80%?
I wish that descripion of the shipping methods on the right be more readable, and not so packed.

I tried adding custom CSS style, however it does not work:

.woocommerce .cart-collaterals .cart_totals table td,
.woocommerce-page .cart-collaterals .cart_totals table td {
  width: auto;
}

I am using basic Twenty Seventeen theme + Elementor Pro visual builder.

Live page can be viewed HERE.
Thank you for your time and support.

I would like for the table to fill the screen. I have tried disabling the theme styles, I have it on a page with a blank page template–no side bars, and I′ve tried adjusting the column widths, all with no change.

I have tried clearing the cache, turning on and off responsive, logging out of the site and logging in again, restarting the browser (Firefox) and even rebooting the computer.

I am using WP Table Builder Version 1.4.4
WordPress version: 6.0.3
Firefox Version 106.0.3 (64-bit)

Thanks.

I need to include a four column table inside a cover block. My problem is that I need all four columns to take up the full width of the computer screen. But, on the other hand, I have the inconvenience that the cover block (where said table is included) leaves some very wide spaces both on the left and on the right, and that impedes the table from occupying the full width as I intend.

How can I make the cover block not put such exaggerated spaces on the sides?

Snapshot:

https://gyazo.com/e23c8bf377452c1ebff4e43200ea5424

Thank you!

I’m using the Pro version.

I apologize if I’ve missed an obvious solution to this in the plugin settings (Design tab) or the forums, but:

1. Is it possible in the plugin settings to specify table and cell formatting (width, padding, margins, etc) by percentage and pixel?

2. Is it possible to set those device responsively? For example, set table width to 80% on desktop, but use a fixed 700 pixels on mobile?

3. As far as I can tell the responsive options are limited to choosing what columns are included for what device. Is it possible to create a fully styled table and then assign it to “Desktop”, and then a separate style assigned to “Mobile”, “Tablet”, etc.? If not, I assume we need to create custom columns with the elements we want inside and then include/exclude them on the Responsive tab, is that correct?

Thank you again for your work on this.
Regards,
Mike

I like your plugin and installed the extension but still have a problem with the table width in my sidebar.
The table is stacked but I need to scroll left and right to see al info.
Is there a way to set this to non scrolling?

On my phone I have the same view.

.tablepress-id-3 .table {
	width: auto;
}

.tablepress-id-3 .column-1 {
	width: 32%;
}

.tablepress-id-3 .column-2 {
	width: 17%;
}

.tablepress-id-3 .column-3 {
	width: 17%;
}

.tablepress-id-3 .column-4 {
	width: 17%;
}

.tablepress-id-3 .column-5 {
	width: 17%;
}

When I refresh, the table differently each time. Either about 60% or about 75%… back and forth each refresh.

Do you have any suggestions?

Thanks in advance.

.tablepress-id-2 .column-1,
.tablepress-id-2 .column-2 {
width: 20px;
}
.tablepress-id-2 .column-1
.tablepress-id-2 .column-2 {
padding: 2px;
}

Can’t see any difference.

Also want to change the background colors.

.tablepress thead th,
.tablepress tfoot th {
background-color: #ff0000;
}

.tablepress .odd td {
background-color: #ffffff;
}

.tablepress .even td {
background-color: #f1ebd9;
}

.tablepress-id-2 tbody td {
font-family: Verdana;
font-size: 12px;
color: #050505;
}

.tablepress-id-2 {
width: auto;
margin: 0 auto 1em;
}
Today I logged into my website only to see our Members Table is broken. As you will see the headshots of our members are over to the far left and their description now is way over to the right. Can this be because of all the new WP updates? I have done nothing to make any changes in the code which I copied below. I hate the new WP it has messed up many of my websites.

I have been using your plug-in for years now and can’t live without it. Can you help or give me a code so I can copy and paste it back into the plugin to correct this new issue?

I have tried viewing this page in three different browsers and get the same results.

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

.tablepress thead th,
.tablepress tfoot th {
color: #ffffff;
}

.tablepress-id-2 thead {
display: none;
}

I’m loving Tablepress but all my tables are too wide for mobile. I’ve installed your extension and tried every one of the options flip, collapse etc but on mobile device, the table is showing as too wide.

https://www.avocetsteel.co.uk/product/foil/stainless-steel-foil/

Please see the above on mobile and see what I mean. It’s increasing the width of the main content box. How do I shrink the table to fit so it doesn’t effect the theme. I know you’ve had this question a lot but if you can provide a fix for this site that would be much appreciated!