WordPress.org

Forums

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

  1. dragan.filipovic
    Member
    Posted 2 years 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 2 years 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 2 years 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 2 years 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

  • Awesome Filterable Portfolio
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags