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

    For the homepage in the about us section, how can I spread the icons so that they are the same height as the about text down to the link? It is looking too squashed right now. I have set the the columns to equal height but it is not working.

    site – http://spadeconsult.com/home/

    screenshot – http://oi68.tinypic.com/sl1ye9.jpg

    #976082

    Hey navindesigns,
    Try this code in the General Styling > Quick CSS field, it covers the 3 screen sizes most used:

    @media only screen and (min-width: 1080px) { 
    #top.page-id-734 .avia-builder-el-21 .avia-icon-list li {
        padding: 0 0 9% 0!important; 
    }
    }
    @media only screen and (min-width: 768px) and (max-width: 1023px) { 
    #top.page-id-734 .avia-builder-el-21 .avia-icon-list li {
        padding: 0 0 20% 0!important; 
    }
    }
    @media only screen and (min-width: 1024px) and (max-width: 1079px) { 
    #top.page-id-734 .avia-builder-el-21 .avia-icon-list li {
        padding: 0 0 12% 0!important; 
    }
    }
    

    Best regards,
    Mike

    #976083

    you are AMAZING!

    that worked perfect

    #976089

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Make columns equal height’ is closed to new replies.