Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 17, 2020 at 7:03 pm #1193888
    Volgspot

    Hi,
    I’ve read this post: https://kriesi.at/support/topic/place-full-with-buttons-at-the-bottom-of-column/#post-620885

    I’ve tried the code below in quick CSS to align buttons at the bottom of the columns of the website in private.

    .custom-class .avia-button-wrap {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    }
    .custom-class .flex_column.av_one_third {
    padding-bottom: 70px !important;
    }

    But I can’t get it to work. Can you tell me what I am doing wrong? Thanks alot Rob

    March 17, 2020 at 11:49 pm #1193942
    Jordan Shannon

    Hey Volgspot,

    Add this to quick css:

    .avia-button-wrap.avia-button-center.el_after_av_iconlist{
position:absolute!important;
bottom:5px!important;
}

 .avia-button-wrap.avia-button-center.avia-builder-el-last{
position:absolute!important;
bottom:5px!important;
}

    Best regards,
    Jordan Shannon

    March 18, 2020 at 4:09 pm #1194146
    Volgspot

    Hi Jordan,

    Thanks it works in so far that it aligns the button at the bottom, but it makes the button align on the left and not in the center as it is set in the element settings.

    Any ideas? Thanks Rob

    March 18, 2020 at 10:48 pm #1194242
    Jordan Shannon

    Hi,

    Adjust the css to this:

    .avia-button-wrap.avia-button-center.el_after_av_iconlist{
position:absolute!important;
bottom:5px!important;
margin:0 32%!important;
}

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

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.