How to vertically center content in a row in an Advanced Column block

  • I have a series of Advanced Column blocks with 2 columns. One column an image and one text. I can easily center them horizontally, but vertically I don’t see any options, and from my research, it looks like this will require custom CSS, per this link:

    https://www.w3schools.com/howto/howto_css_center-vertical.asp

    On that link they mention 3 approaches.
    1. CSS Align
    2. CSS Transform
    3. CSS Flexbox

    I’m not familiar enough with Gutenberg or Atomic Blocks to know which of those I should use. Can anyone confirm the best way to do this?
    thanks
    Doug

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

Viewing 1 replies (of 1 total)
  • Thread Starter MemeRunner

    (@memerunner)

    UPDATE

    Re: the gray horizontal Advanced Columns on this page:
    https://dougschumacher.com/b2b-saas-software/

    I’ve figured out how to center the block shape the image sets in, but am unable to center the image either vertically or horizontally now within that cell.

    All the images in each instance go to the upper right.

    Any input greatly appreciated.

Viewing 1 replies (of 1 total)
  • The topic ‘How to vertically center content in a row in an Advanced Column block’ is closed to new replies.