Site logo

Archived topic

Modify wordpress table

3 replies · Started by Leonardo on November 24, 2022

Viewing posts 1–4 of 4

Hello guys.

I'm trying to modify a table via CSS.

I know it is generated by the Woocommerce plugin, but it is a standard WordPress table (<table>, <th>, and <td>).

What I want to do is increase this right side, proportionately decreasing the left. In this way, the lines where the freight is described will no longer be broken: https://formuladiecast.com.br/wp-content/uploads/2022/11/tablet.png

Is there any solution? Or just a miracle?

I send data for private access, if necessary...

Hi Leonardo,

There should be a solution. Can you try adding this through Appearance > Customize > Additional CSS?:

.woocommerce-checkout div#order_review tfoot .cart-subtotal th {
    width: 30%;
}

Let us know how it goes!

My goal is to be as good as you are.

I even managed to do that, but it was changing on the "My cart" page too. And at that table I wouldn't want that to change.

Thanks!

I see. I usually look at the <body> tag's classes so I can add relatively unique classes so my code is limited to a page.

Example: https://share.getcloudapp.com/mXubnB9O

You're welcome Leonardo!

This archived topic is closed to new replies.