Help creating rows and columns

• 

  sodvwebsite · Member · Feb 20, 2022 at 2:05 pm

  • Copy link
  • Add topic to favorites

  Hi all –

  I’m trying to use WordPress.com to replicate a static event site that has a page featuring the event’s past speakers. The speakers’ photos (with captions) are organized into rows, with 4 photos per row.

  In Bootstrap, which is what I used for the old site, it’s possible to define a row div and then assign a class of column-3 to each individual item contained within that div. The result of that is, if you have 20 items for example, you get 5 rows of 4 items. If you need to add items, you can insert them alphabetically and the rows will “reflow” with the additional items in the correct place. You could do a similar thing using Flexbox by assigning a width of 25% to each item.

  I’m trying to replicate this in WordPress.com, but it looks like all I can do is create a column block with 4 columns and duplicate that 5 times, using the previous example of 20 items. So, if I have to add someone whose name begins with A, I’ll have to add it manually to the first column block, which will make that 5 columns wide. Then, I’ll have to take that 5th column and move it to the second column block, which will make that 5 columns wide. Then, I’ll need to take the fifth block from the second column block and move it to the third column block, which will make that……you get the point.

  The actual page has upwards of 80 people. Adding people will be a nightmare if I have to do it that way.

  I have a Premium subscription, so I don’t think I can use plugins for this. Hoping that someone can point me towards a solution that will save me from having to reorder each row manually when I have to add people.

  I am currently using the Twenty Twenty-One theme. Thanks!

• 

  staff-mckluskey · Staff · Feb 21, 2022 at 12:23 pm

  • Copy link

  Hi there!

  Could you clarify a bit how exactly do you want this to work? When adding a Columns Block, you can keep adding new rows within the same block; there’s no need to replicate the same block 5 times if you want to have 5 rows. Was your idea, though, to have those rows independent of each other?

  Also, remember that with your Premium plan, you can access Live Chat directly via https://wordpress.com/help/contact. That way, you can get help faster.