Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • July 19, 2017 at 1:18 pm #823934
    aderal2016

    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

    July 20, 2017 at 4:35 am #824343
    Rikard

    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

    July 20, 2017 at 9:46 am #824453
    aderal2016

    Hey Rikard:)

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

    July 21, 2017 at 10:37 am #825058
    aderal2016

    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!!

    July 24, 2017 at 1:12 pm #828992
    aderal2016

    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

    July 24, 2017 at 9:21 pm #829203
    Basilis

    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

    July 25, 2017 at 9:26 am #829479
    aderal2016

    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

    July 29, 2017 at 10:32 am #831429
    Victoria

    Hi Davide,

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

    Best regards,
    Victoria

    July 29, 2017 at 6:17 pm #831559
    aderal2016

    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

    July 31, 2017 at 6:03 pm #832313
    Victoria

    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

    July 31, 2017 at 6:03 pm #832314
    Victoria

    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

    July 31, 2017 at 7:30 pm #832364
    aderal2016

    Hi Victoria:)

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

    Cheers,
    Davide

    August 5, 2017 at 4:53 am #834571
    Ismael

    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

    August 8, 2017 at 4:38 am #835667
    aderal2016

    awesome it works perfectly! ty:)

    August 9, 2017 at 4:33 am #836114
    Rikard

    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

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