Table Set Columns To Equal Width

Skip to content

WordPress.org

Forums

• Welcome to Support
• Guidelines
• Get involved
• Log in

• Welcome to Support
• Guidelines
• Get involved
• Log in

Skip to content

Forums / Fixing WordPress / Table set columns to equal width

Search for: Search forums

• Websitedev2020

  (@danhughes)

  6 years ago

  Hi,

  Ive got a standard table created in a word document that consists of three columns. How can i set it so the width of each column is equal? I dont want them to be a set pixel size just each to be 1/3.

  Any help?

  Thanks in advance

  Dan

Viewing 3 replies - 1 through 3 (of 3 total)

• Moderator Steven Stern (sterndata)

  (@sterndata)

  Volunteer Forum Moderator

  6 years ago

  Please provide a link to a page on your site where we can see this. Thanks.

  Thread Starter Websitedev2020

  (@danhughes)

  6 years ago

  Thabk you medizenweightloss.co.uk

  Moderator Steven Stern (sterndata)

  (@sterndata)

  Volunteer Forum Moderator

  6 years ago

  First thing, consider using CSS Grid rather than a table. Tables do not work well responsively. For example, look at https://wordpress.org/plugins/grid-block/

  It looks like you’re using a table block in the editor. You want to set each column to 33% width.

  This CSS should guarantee that:

  .wp-block-table.aligncenter, .wp-block-table.alignleft, .wp-block-table.alignright { width: 100%; } td { width: 33%; }

  However, that will set *all* tables to have columns of 33% width.

  To add or override CSS: use the “Additional CSS” option in the customizer. https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

  Learn to use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Table set columns to equal width’ is closed to new replies.

• In: Fixing WordPress
• 3 replies
• 2 participants
• Last reply from: Steven Stern (sterndata)
• Last activity: 6 years ago
• Status: not resolved

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics