Support Center Visit Demo License manager Buy @ envato

Allign 3 blocks in one line (horizontal) within a section

geeviergeevier
in Theme support
Hello,

I've been trying several things to align 3 blocks (horizontal) within a section.

So I have a section 1/1
Within this section are 3 wraps 1/3
Within each wrap is a image and a hover color.

The images are al the same width and height.
The hover color contains text.

I want these 'hover color blocks' all to be the same height as the one next to it. So all three the same height.

I've tried the 'advanced' setting 'Style' from the section.
I've tried 'Equal Height | wraps"
And 'Equal Height | items in wrap'

But both of them don't give the expected result. Do you have a suggestion?

Thank you in advance.
Regards, Wendy

Comments

  • PabloPablo
    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
  • geeviergeevier
    Hello Pablo

    Here is the link

    And here's the screendump

    It's the section on home, 3 blocks next to each other. And they are not the same height. But I can't see where I have to change settings to make sure they allign.

    When you resize, the blocks vary in length. On mobile view it's all good.

    Kind regards, Wendy


  • PabloPablo
    Please enable the "Equal Height of Wraps" and select the desired vertical align (top, middle or bottom) for each wrap.

    Also, please disable all of the plugins, clear the cache of the browser and let me check it.
    Thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • geeviergeevier
    Hello Pablo,

    I've done all the above.
    The vertical align was already set for all wraps.

    Also disabled the plugins and cleared the cache. There was no change.

    I've activated all pluginns again.
    Do you have an idea?

    Do You have a private section so I can send login to check?

    Let me know.

    Regards, Wendy
  • PabloPablo
    Please open the screenshot: https://prnt.sc/pq13cq
    Notice, that wraps are having the same height, you just applied the background color on wrong element.
    Apply it on the wrap.

    Thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • geeviergeevier
    Great! Thank you.
    I was thinking I've missed something. It's ok now.

    Thanx again.

    Kind regards, Wendy
Sign In or Register to comment.