WordPress.org

Support

Support » Plugins and Hacks » [Resolved] Equal heights

[Resolved] Equal heights

  • 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.

    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 ‘[Resolved] Equal heights’ is closed to new replies.