Stacking Blocks of Content on top of each other evenly

  • Unknown's avatar
    anchorhill · Member ·

    Hi,

    I’m having trouble creating a mini-biography section in my About page. I’m trying to stack each bio (composed of one picture and a small blurb about the person/s) evenly on top of each other like blocks. Starting with the first couple, I have their blurb on the left column and their picture on the right column. Then I tried to add a second bio beneath them (alternating the position of the photo and the blurb for each bio added), however their photo spills into the other bio and makes it all uneven. I was wondering if there was any way for me to contain each bio in their own block and then keep stacking ones beneath them as I add bios using CSS or HTML. I hope this makes sense.

    Thank you for your time.

    The blog I need help with is: (visible only to logged in users)

  • kokkieh · Staff ·

    Hi there,

    First, you can do this without using columns. Type your paragraph, and add the image inline at the start of the paragraph and set the image to left-aligned.

    Then switch to the HTML editor, and add the following line of code on a new line under the paragraph:

    Repeat for as many image-text pairs as you need.

    If you still want to use columns, still add this code after each image/text pair, but then you’ll also need to redefine the columns every time.

  • Unknown's avatar
    anchorhill · Member ·

    That worked really well. Thanks.

  • The topic ‘Stacking Blocks of Content on top of each other evenly’ is closed to new replies.