Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

How to set column widths as pecentages

  • I have read that I can set column widths as percentages using the GenerateBlocks Grid block. The only sizing option I see is to set column widths in pixels. How do I set the column widths as percentages? For example, I want the widths in one 2-column Grid block to be 60% and 40%.

  • Hello.

    To achieve your 60%/40% layout on the grid block, select the grid container and from the GRID LAYOUT on the right, set 3fr 2fr in the GRID TEMPLATE COLUMNS input field.

    3fr 2fr grid layout

    This creates a 60%/40% split using fractional units (3fr + 2fr = 5 parts; 3/5 = 60%, 2/5 = 40%).

  • Thanks! That took care of the issue.

  • Ok, no problem!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.