Support Center Visit Demo License manager Buy @ envato

Vertical Align Wrap / Colums / Bloc

Fabien_31Fabien_31
in BeBuilder
Hi, 

I use the Hover Color Shortcode with visual editor, and I would like to align the background of my bloc on the bottom, because they are less or more text on each one.

How could I do this?

Do I need to align directly the Hover color object? And how?

Thank you,


Comments

  • BryanBryan
    Hi,
    Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
    It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
    thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • Fabien_31Fabien_31
    Hi,image

    Ok thank you.

    Please find bellow a screenshot.

    Blocks wimageith border are "Hover Color" shortcode blocks.

    I would like to have the same height for each block, no depending from the content, to have a vertical alignment on bottom.

    How can I do this, without fixing a static height in pixels ? 

    Thank you,

    imageimage
  • Fabien_31Fabien_31
    I have found a solution by placing "display : flex; flex-wrap: wrap;" on "mcb-wrap-inner" class in my page's css.

    Have you a better solution? 

    Why is exactly the "mcb-wrap-inner" class? Why I can't add my own class on this div element, from the muffin builder? 

    It's strange because this div with this class appears in my HTLM between the wrap element and the item element. So I can't add my own class on it. 

    And the "display flex" solution for my problem doesn't work on the own class for the wrap element.

    Thank you,

    image
  • BryanBryan
    There is a section style called 'equal height of items in wrap"
    But remember that you have to have  all items inside one wrap for this to work.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • Fabien_31Fabien_31
    Oh perfect thanks a lot ! It works perfectly.

    I have missed this information, thank you.

    I tried to do this with the blog section too, but it doesn't work with it. 

    Is there an other way to do same things, but for articles in columns from the blog item ?

    Thank you very much! 

    image




  • BryanBryan
    Sorry but the blog items will not work with this option, it works mainly with columns.
    thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • Fabien_31Fabien_31
    Ok thank you!

    So no other way with css trick or specific code to do this?


  • BryanBryan
    Please send a link to this page.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
Sign In or Register to comment.