Archived topic

WooCommerce Single Product Page - Description/ Additional Information Columns

3 replies · Started by Laurie on March 15, 2022

Viewing posts 1–4 of 4

March 15, 2022 at 5:19 am #2155187

Hello, I hope you are all well, I was hopefully looking for some guidance please relating to how I might be able to change the widths of the "Description/ Additional Information" columns within the woocommerce single product page.

At the moment, the "Additional Information" tab has two columns and the width is not very balanced, the left-hand column is very narrow. I was hoping to split the columns about 40/60?

I have searched online and have found some information but could not find out how to target the column width.

I would appreciate any help.

Many thanks

Best regards

March 15, 2022 at 5:31 am #2155200

Hi there,

try adding this CSS:

.woocommerce table.shop_attributes tr th {
    width: 30%;
    min-width: 150px;
    text-align: left;
}
.woocommerce table.shop_attributes tr td {
    padding-left: 10px;
}

You can adjust the width: 30%; for the table headings ( first column to suit ).

The min-width: 150px; is there to make sure that first column doesn't collapse too small on mobile screens

March 15, 2022 at 5:35 am #2155209

Hello David, Excellent, worked the first time, thank you very much for your help.

Best regards

March 15, 2022 at 5:44 am #2155223

Glad to hear that!!

This archived topic is closed to new replies.

Start building better websites today.