Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 29, 2018 at 2:27 pm #979375
    ste_thumbs

    We currently have 3 columns all set to be the same height & the Vertical Alignment on the column set to top.
    Is it possible to align buttons inside the columns to the bottom?

    We’ve tried
    .valign_bottom .avia-button {
    vertical-align: bottom !important;
    }
    The valign_bottom the class on the button
    But it doesn’t seem to have any effect.

    The site is currently on localhost but here is a screenshot

    View post on imgur.com

    Any help would be much appreciated

    July 1, 2018 at 8:51 am #979721
    Rikard

    Hey ste_thumbs,

    You could try to put them in an absolute position:

    .valign_bottom .avia-button {
  position:absolute; 
  bottom:0;
}

    You might also have to give the container element a min-height.

    Best regards,
    Rikard

    August 8, 2019 at 10:59 am #1125877
    guru1081

    Rikard,

    I’ve tried your code. It doesn’t work for me.

    Here is a screenshot of my site with inspector open:

    View post on imgur.com

    The columns are inside a color section and I set a minimum height to it.

    Please help!

    
.valign_bottom .avia-button {
  position:absolute !important; 
  bottom:0 !important;
}

.avia-button-wrap .avia-button-center  .avia-builder-el-4  .el_after_av_textblock  .avia-builder-el-last  {
  position:absolute !important; 
  bottom:0 !important;
}

.avia-button-wrap .avia-button-center  .avia-builder-el-7  .el_after_av_textblock  .avia-builder-el-last  {
  position:absolute !important; 
  bottom:0 !important;
}

    The other code is because I was trying to target buttons individually to see if it would work if I targeted elements more specifically. Didn’t work.

    August 9, 2019 at 4:16 am #1126091
    Rikard

    Hi guru1081,

    We need to be able to inspect the elements in question, please post a link to where we can do so.

    Best regards,
    Rikard

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