Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 24, 2016 at 2:22 am #620729
    Micheal0424

    I would like for the fullwidth buttons to align at the bottom of the column. I have the Equal Height Columns setting to Equal Height so the fullwidth buttons are not the equal height because they are at the bottom of the content.

    How do I get the buttons to align at the bottom of the column at the same height?

    Thank you.

    • This topic was modified 8 years, 8 months ago by Micheal0424.
    April 24, 2016 at 12:06 pm #620776
    Vinay

    Hi Micheal0424!

    The link you provided is not working please share the link to the page where we can inspect the element in question and a mockup of what you are trying to achieve so we can help you resolve it :)

    Best regards,
    Vinay

    April 24, 2016 at 4:16 pm #620821
    Micheal0424

    Sorry about that, I reposted the image.

    How do I get the bottoms to align at the bottom of the column?

    Thank you.

    April 24, 2016 at 6:31 pm #620842
    Micheal0424

    I figured out a work around.

    I have the setup like this now:

    Text Block Element
    Picture Element
    Text Block Element
    Fullwidth Button Element

    I added the following code to the css:

    .minheight {
    min-height: 375px;
    }

    and then I added the ‘minheight’ to the Custom Css Class in the Text Block Element above the Fullwidth Button Element to make it so the bottom of the Text Block Elements are ending at the same spot so the Fullwidth Button Elements will start at the same spot and align together.

    Hopefully this will be useful to somebody else.

    Thank you.

    April 24, 2016 at 6:32 pm #620843
    Micheal0424

    If there is a better way of doing it please mention it.

    Thank you.

    April 24, 2016 at 9:48 pm #620877
    Vinay

    Hey!
    Sure i think this can be done with CSS but it is much easier and avoids back and forth if we are able to see the elements and inspect it. kindly share the link to the page.

    I think you are are trying to achieve something similar please check this thread https://kriesi.at/support/topic/place-full-with-buttons-at-the-bottom-of-column/#post-620885

    Adjust the bottom, left and right values in .avia-button-wrap to suit your design :)

    Best regards,
    Vinay

    • This reply was modified 8 years, 8 months ago by Vinay.
    June 21, 2016 at 11:55 pm #651783
    Micheal0424

    Thank you, this is resolved.

    June 22, 2016 at 12:23 am #651792
    Vinay

    Hi,

    Glad we could help!
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Align buttons to same height’ is closed to new replies.