Aligning nested blocks up and down

  • Unknown's avatar
    lawrencede117d151f · Member ·

    I have 3 blocks side by side but the nested blocks are at different levels. How do you align them?

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

  • Unknown's avatar
    meolam · Member ·

    Hi there!

    I’m not exactly sure what the setup of your page is like, but if you are familiar with CSS or can change the blocks to a similar setting, review my suggestions below.

    UPDATE USING CSS

    Update the class .itre-showcase figure with the following CSS. If you can, add in a new class for figure so that this change doesn’t affect other .itre-showcase figure elements, unless you want all of them to have that same design. This change, sets the design of the figure element that contains the image to 100% height with a max height of 250px.

    height: 100%;
max-height: 250px;

    Update the class .itre-showcase figure img with the following CSS. If you can, add in a new class for img so that this change doesn’t affect other .itre-showcase figure img, unless you want all of them to have that same design. The change below will adjust the images to be the same height, but the width will vary so the image doesn’t become disproportionate. 

    height: 100%;
width: auto;

    UPDATE USING BLOCKS

    If your page is setup using blocks, trying selecting the image or its container and set the design changes as closely to the above as you can. I hope that’s helpful, but if you need more help, please provide me with some details of how the page is setup/created. Screenshots are helpful too!

    Best,
    Meo :)

  • The topic ‘Aligning nested blocks up and down’ is closed to new replies.