How do I set the column width?

[Joey Roberts]

How do I set the column width? I would like to set it relative to the title text of the column as the text at the top is wrapping oddly.

[Moktadir Rahman]

Paste below CSS codes to your site’s Dashboard >> Appearance >> Customize >> Additional CSS Block

table#wpt_table.wpt_product_table th.wpt_product_title {
    width: 150px;
}

And change the width value as per required.

Moktadir Rahman
Support Team

[Joey Roberts]

Is there a way to identify the different columns? I would like to set their widths individually.

[Ida Centner]

If it’s the first column, you can put

table#wpt_table.wpt_product_table th:first-of-type {
    width: 150px;
}

For other columns, you can use

table#wpt_table.wpt_product_table th:nth-of-type(5) {
    width: 250px;
}

Change the 5 to whatever number column you are trying to affect. Also, obviously, change the width to whatever you need.

[Author]

Posts