I am trying to align the buttons at the bottom of a section on this website. I set up a custom ID and css class per the other support topics, but can’t find it.
#bottombutton .button-bottom .avia-button-wrap {
display: inline-block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
#bottombutton .button-bottom .flex_column.av_one_fourth {
padding-bottom: 70px !important;
}
The page is in draft made and you will need to log in to view it. (below)
Hey ncfan2030,
The login info provided does not seem to be working for me. Please check this.
Best regards,
Jordan Shannon
Hey Jordan! Try it now, it should work.
Hi,
What is the exact section you need help with on the page?
Best regards,
Jordan Shannon
Hey Jordan,
The top multi-colored section at the top of the page. Trying to align the buttons at the bottom.
Hi,
Apologies, but I tried logging in again, but the credentials did not work. Can you test again?
Best regards,
Jordan Shannon
Hi,
Add this to quick css:
.avia-builder-el-5 .avia-button{
position:relative!important;
top:23px!important;
}
.avia-builder-el-9 .avia-button{
position:relative!important;
top:23px!important;
}
.avia-builder-el-13 .avia-button{
position:relative!important;
top:107px!important;
}
.avia-builder-el-17 .avia-button{
position:relative!important;
top:107px!important;
}
Best regards,
Jordan Shannon