Vertical Align Wrap / Colums / Bloc

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

  • 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
  • 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
  • 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
  • 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.
  • 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




  • Sorry but the blog items will not work with this option, it works mainly with columns.
    thanks
  • Ok thank you!

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


  • Please send a link to this page.
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.