• Resolved vikkav

    (@vikkav)


    Hello. I have an image box and a button in the same container, inside a larger container with two other smaller containers, that also have an image box and a button.

    I am also using the Flexbox Container feature.

    I am having trouble with the vertical alignment of the button in the three smaller containers, because the title of the three image boxes is of different size. As a result, the button is not on the same height in the containers. I have experimented with every single alignment I could think of: alignment of the entire container, alignment of the separate smaller containers, alignment of the image box, but I have not been able to make the buttons be at the same height.

    Is there any setting I could change for the image box, so that all the boxes can be of a specific height and aligned, regardless of the size of the title?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi

    Can you please send me a link to your site?

    Thread Starter vikkav

    (@vikkav)

    I only have it on localhost. It’s not on a hosting server yet. But here are two screenshots of the issue.https://imgur.com/a/uq9w9uv

    Hi

    You can try this space between options for child containers:?https://prnt.sc/4wQKtqb33V1Z?so that all buttons will be aligned with the bottom line. Otherway, you can try with custom CSS to adjust the height of each container/image box, as the height of the container depends on the content inside. When it comes to custom code, please note that providing/reviewing custom code is outside of our scope of support. For any custom solutions/recommendations you could join the?Elementor Facebook Community? where you can find a supportive and helpful community of experienced users that are happy to provide useful tips and tricks.

    Thread Starter vikkav

    (@vikkav)

    Thank you. I’ll try that with custom CSS!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Image Box Alignment Help’ is closed to new replies.