Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 25, 2017 at 3:42 pm #738416
    waveshaper

    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

    January 30, 2017 at 12:28 pm #740152
    Nikko

    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

    January 30, 2017 at 1:43 pm #740169
    waveshaper

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

    January 31, 2017 at 11:02 pm #740911
    Nikko

    Hi waveshaper,

    Glad we could help :)

    Cheers!
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Icon Box Alignment’ is closed to new replies.