Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 4, 2020 at 2:15 pm #1258272
    Erwin

    Hi,

    I would like the buttons to align at the bottom of my columns. To achieve this I’ve tried according this post.

    Now the buttons are over the text. I’ve tried to give the classes a top margin, but it won’t work for me. See the link in the private content.
    Can you help me out?

    Regards,

    Erwin

    November 4, 2020 at 3:53 pm #1258311
    Nikko

    Hi Erwin,

    Please try adding this CSS code (this code is page specific):

    .page-id-1508 #after_layer_slider_1 .av_one_fourth {
    padding-bottom: 60px !important;
}

    Best regards,
    Nikko

    November 4, 2020 at 5:49 pm #1258361
    Erwin

    Hi Nikko,

    That did it. Thanks!

    Is there also a solution to keep them centered on smaller screens? Now one button even gets over the border of the column.

    Regards Erwin

    • This reply was modified 4 years ago by Erwin.
    November 4, 2020 at 6:50 pm #1258387
    Nikko

    Hi Erwin,

    Can you try to replace this code:

    .avia-button-wrap.avia-builder-el-last {
    position: absolute!important;
    bottom: 5px!important;
    margin: 0 25%!important;
}

    with:

    #top .avia-button-wrap.avia-builder-el-last {
    position: absolute!important;
    bottom: 5px!important;
    width: 120px;
    left: 50%;
    margin-left: -60px;
}

    Hope it helps.

    Best regards,
    Nikko

    November 4, 2020 at 11:22 pm #1258472
    Erwin

    Hi Nikko,

    That’s great. Thanks a lot!

    You may close this topic.

    Regards,
    Erwin

    November 5, 2020 at 12:47 am #1258488
    Victoria

    Hi Michelle_Watts,

    Great :)

    We are closing the thread.

    If you need further assistance please let us know in a new one.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Button alignment at bottom of column’ is closed to new replies.