Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #738416

    Hi there

    For my pricing page I am using 3 columns inside a color section and inside these columns are 3
    icon boxes. Inside the icon boxes I have a button indicating the price.

    Some boxes have less information than others, is there a way to align my price button to the bottom of the icon box so they align?

    Thank you for your time

    Alignment of icon boxes orange line indicating the alignment


    Hey waveshaper,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    .page-id-411 #av_section_2 .av_one_third .iconbox {
        position: static;
    .page-id-411 #av_section_2 .av_one_third .iconbox_content {
        padding-bottom: 50px;
        border-bottom: 0;
        box-shadow: none;
    .page-id-411 #av_section_2 .av_one_third .iconbox_content .avia-button-wrap {
        position: absolute;
        bottom: 15px;
        left: 50%;
        margin-left: -61px;

    Let us know if this helps :)

    Best regards,


    Hi Nikko
    Thank you for taking the time to look into this.
    Excellent, thank you so much, that works.
    Have an awesome day!


    Hi waveshaper,

    Glad we could help :)


Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Icon Box Alignment’ is closed to new replies.