The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

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

  1. dragan.filipovic
    Posted 3 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:

        //set the starting bigestHeight variable
        var biggestHeight = 0;
        //check each of them
            //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

    Could this be included in this plugin.

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


  2. BriniA
    Plugin Author

    Posted 3 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
    Posted 3 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
    Posted 3 years ago #

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

    li.afp-single-item {
    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