• I would like to create a column block with more than 6 columns inside, ideally without using a plug-in. Only 6 columns are possible by default. How would I do this?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator bcworkz

    (@bcworkz)

    It cannot be done with the existing columns block. A custom block could be built that allows more columns. Or you could manually build all the necessary HTML within a Custom HTML block.

    Untested, but what might work is building two separate columns blocks, one atop the other. Then fiddle with the applied CSS widths so each takes up only a portion of the full width, such that both fit side by side.

    Or do without the columns block and place each column’s content in a regular paragraph block. Give each block a custom class attribute (in the advanced settings box). Add custom CSS to the Additional CSS section of the style book which defines each paragraph’s width. Float them all left so they line up side by side.

    Thread Starter kaethe3001

    (@kaethe3001)

    Thank you for your suggestions! Will try them out.

    You can place a columns block within a column block. This means that you can have a theoretical infinite number of blocks in a row.

    If bold brackets are the parent columns and non-bold are children columns , and assuming equal widths …

    For 8 across – 2 columns with 4 columns in each.

    [ [A] [B] [C] [D] ] [ [E] [F] [G] [H] ]

    For 9 across – 3 columns with 3 columns each.

    [ [A] [B] [C] ] [ [D] [E] [F] ] [ [H] [I] [J] ]

    For 12 across – 2 columns with 6 columns each, or 3 columns with 4 columns each, or 4 columns with 3 columns each

    [ [A] [B] [C] [D] [E] [F] ] [ [G][H] [I] [J] [K] [L] ]

    [ [A] [B] [C] [D] ] [ [E] [F] [G] [H] ] [ [I] [J] [K] [L] ]

    [ [A] [B] [C] ] [ [D] [E] [F] ] [ [G] [H] [I] ] [ [J] [K] [L] ]

    You can, of course, do all sorts of offsets or altered widths too. This can create more interesting layouts.

    [ [A] ] [ [B] [C] [D] [E] [F] [G] [H] ]

    [ [A] [B] [C] ] [ [D] [E] [F] [G] [H] [I] ] [ [J] [K] [L] ]

    Make sense?

    Thread Starter kaethe3001

    (@kaethe3001)

    Yes, makes perfect sense and is working. Thank you.

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