Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 2, 2015 at 9:12 am #528299
    digital-handyman

    Hello,

    I have a page with three icon boxes with the same number of lines of text on each box. The bottoms of the boxes are not lining up, they are all on slightly different levels. Can you please help me fix this? The site link is in the hidden section.

    Thanks,

    November 2, 2015 at 1:29 pm #528447
    Yigit

    Hi digital-handyman!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (min-width: 1024px) {
.home #av_section_2 .iconbox_content {
    min-height: 350px;
}}

    Cheers!
    Yigit

    November 3, 2015 at 3:12 am #528951
    digital-handyman

    Thanks Yigit,

    That seems to have done it for Chrome and MS Edge, however in Firefox (latest version) the middle box appears to be a few pixels shorter. I Don’t want to make the boxes any bigger as there would be dead space at the bottom of each box. Is there something I can do to get this fixed?

    Thanks,

    November 3, 2015 at 6:30 pm #529552
    Andy

    Hi!

    try to use a slighter bigger value, then it should work for firefox as well: 

    @media only screen and (min-width: 1024px) {
.home #av_section_2 .iconbox_content {
    min-height: 356px;
}}

    Best regards,
    Andy

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