Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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

    #740152

    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,
    Nikko

    #740169

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

    #740911

    Hi waveshaper,

    Glad we could help :)

    Cheers!
    Nikko

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

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