Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #823934

    Hey there:)

    first of all, I love the last Enfold update and the new tab section, it’s really useful. Now the issue: I have a portfolio with following categories and sub categories

    PHOTO
    Documentary – Events – Portraits

    VIDEO
    Documentary – Events – Spots

    Now, we all know that actually the sorting with masonry portfolio doesn’t manage cat + subcat in two different rows but it’s all placed in one line, so, I used Tab Section to separate PHOTO & VIDEO to organize it properly.

    What’s the problem?

    I solved the auto adjust on tab section just placing the masonry element without a column 1/1 and it works, but now when I try to filter PHOTO by subcat (documentary for example) the layout display is totally broken.

    Please can you take a look?:)

    Thanks in advance
    Davide

    #824343

    Hey aderal2016,

    Thanks for the login details. First off, could you try updating the theme to the latest version (4.1.2) to see if that helps please? http://kriesi.at/documentation/enfold/updating-your-theme-files/. We have made a lot of change to the Tab Section element in that version.

    Best regards,
    Rikard

    #824453

    Hey Rikard:)

    yeah I forgot to check for the new updates, it’s done but still not working for me :(

    #825058

    Hello guys,

    I was making test and I notice that the problem is not the masonry inside the Tab Section, is something else but I don’t understand what can be :(

    please help!!

    #828992

    Ok, solved it!

    this code was the problem:

    .avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
    -webkit-animation: none; /* Safari 4+ */
    -moz-animation: none; /* Fx 5+ */
    animation: none; /* IE 10+ */
    }

    .av-masonry-entry {
    opacity: 1 !important;
    visibility: visible !important;
    }

    Now the question.. i’d like to disable the effect or change it for a simple fade in, please how can I handle it?

    Best,
    Davide

    #829203

    Hi,

    That would require to modify and add an extra class to do that.
    You can use something like animate.css and add the class to the container that includes the mansory inside.

    Best regards,
    Basilis

    #829479

    Hi Basilis,

    I’m talking about the fold up effect… right now I have this code to disable it:

    .avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
    -webkit-animation: none;
    animation: none;
    }

    so what do you suggest?:)

    thanks,
    Davide

    #831429

    Hi Davide,

    Does this solve your issue or you still need more help?

    Best regards,
    Victoria

    #831559

    Hi Victoria:)

    not completely… looking for a solution to change the effect from fold up to fade on masonry.

    Please can u help me with that?

    thanks
    Davide

    #832313

    Hi Davide,

    Seems like it is the effect you have now on your front page masonry. Is it not what you need?

    Best regards,
    Victoria

    #832314

    Hi Davide,

    Seems like it is the effect you have now on your front page masonry. Is it not what you need?

    Best regards,
    Victoria

    #832364

    Hi Victoria:)

    right now it’s a fold up, I’d like a simple fade :P

    Cheers,
    Davide

    #834571

    Hi,

    Thank you for the update. Please add this code in the Quick CSS field.

    /* fade in animation */
    @-webkit-keyframes avia_msonry_show_mod {
      0%   { opacity: 0.1;  }
      100% { opacity: 1; }
    }
    @keyframes avia_msonry_show_mod {
      0%   { opacity: 0.1;  }
      100% { opacity: 1;  }
    }
    
    .avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
      -webkit-animation: avia_msonry_show_mod 2s 1;
      animation: avia_msonry_show_mod 2s 1;
    }
    

    Adjust the duration if needed. Default is 2s.

    Best regards,
    Ismael

    #835667

    awesome it works perfectly! ty:)

    #836114

    Hi,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.