Support » Plugin: Awesome Filterable Portfolio » Equal heights

  • Resolved dragan.filipovic

    (@draganfilipovic)


    Height of an item depend of description (client, date etc.). In order to have the same height for every item you need to use some script:

    $(document).ready(function(){
        //set the starting bigestHeight variable
        var biggestHeight = 0;
        //check each of them
        $('ul.afp-item-details').each(function(){
            //if the height of the current element is
            //bigger then the current biggestHeight value
            if($(this).height() > biggestHeight){
                //update the biggestHeight with the
                //height of the current elements
                biggestHeight = $(this).height();
            }
        });
        //when checking for biggestHeight is done set that
        //height to all the elements
        $('ul.afp-item-details').height(biggestHeight);  
    
    });

    Could this be included in this plugin.

    Thanx for the plugin. I was looking for filterable portfolio for months.

    http://wordpress.org/extend/plugins/awesome-filterable-portfolio/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author BriniA

    (@brinia)

    This is a great script to make all elements height the same and it should work. Just add that code to afp-functions.js nder the /js/ folder.

    I already did it, but it would be great to be officially included so that script stay there if plugin get updated in the future.

    brooklyncreativedesign

    (@brooklyncreativedesign)

    You can also just adjust the styling of the tiles in your CSS.

    li.afp-single-item {
    width:150px;
    min-height: 250px;
    }

    That will make everything the same width and adjust the height that they have the same baseline.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Equal heights’ is closed to new replies.