WordPress.org

Ready to get started?Download WordPress

Forums

Awesome Filterable Portfolio
[resolved] Equal heights (4 posts)

  1. dragan.filipovic
    Member
    Posted 1 year ago #

    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/

  2. BriniA
    Member
    Plugin Author

    Posted 1 year ago #

    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.

  3. dragan.filipovic
    Member
    Posted 1 year ago #

    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.

  4. brooklyncreativedesign
    Member
    Posted 11 months ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags