Tagged: , ,

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • April 29, 2015 at 12:18 am #436453
    sophiamavrides

    Hi!
    First of, I LOVE your theme, great work!
    Second, I read your thread on the themeforest page about editing the css file to disable the masonry gallery animation but I could not find where to edit in the editor (new-ish to the editor). I am currently using the Enfold Child theme but clicked to edit the parent css style sheet but saw no shortcode styling option to edit the css. Can you please give me detailed direction how to edit this/ and or another work around to disable the portfolio and gallery masonry load in?
    Thanks a bunch!

    April 29, 2015 at 5:08 pm #436842
    Yigit

    Hey sophiamavrides!

    Thank you for choosing Enfold and welcome to our forum :)

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

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

    Best regards,
    Yigit

    April 30, 2015 at 1:03 am #437144
    sophiamavrides

    Hi!
    Thank you for this but it seems it still is not loading until i scroll down the page with that css- only now when it does load it doesn’t have a nice animation. I was hoping it would just look as an image already on screen – please take a look at the dev site homepage here:
    http://2ea.8f2.myftpupload.com/

    any other work around to fix it so the clients show up immediately upon loading?

    Thanks!!

    April 30, 2015 at 1:23 am #437147
    sophiamavrides

    also, how can I add more google fonts to your site~ i see it is limited.

    Thanks in advance for your help~
    Sophia

    April 30, 2015 at 7:41 pm #437738
    Yigit

    Hey Sophia!

    It does work fine on my end. Can you please flush browser cache and refresh your page a few times? If that does not help, please post a screenshot/screencast and show the changes you would like to make.

    Please see – http://kriesi.at/documentation/enfold/register-additional-google-fonts-for-theme-options/

    Cheers!
    Yigit

    May 5, 2015 at 10:27 pm #440029
    sophiamavrides

    Hi,
    your code here:
    .avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
    -webkit-animation: none;
    animation: none;
    }

    helped to take out the animation but it still does not load immediately on the front/homepage, the gallery only loads when you start to scroll, so it looks like a big blank hole in the page- is there a way to have the images under the “happy clients” masonry to load immediately upon loading vs scrolling?
    YOU CAN VIEW HERE:
    http://2ea.8f2.myftpupload.com/
    I cleared my cache too but that did not do the trick.

    Thanks in advance for your help~
    Sophia

    May 7, 2015 at 9:16 am #440833
    Ismael

    Hey!

    Replace the code with this:

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

.avia_desktop .av-hover-overlay-active .av-masonry-image-container {
  opacity: 1;
}

    Remove browser cache then reload the page.

    Best regards,
    Ismael

    June 10, 2015 at 7:46 pm #457491
    mediumstudio

    Hi, I tried the code, too – but it still only loads when you scroll to the area – I have the same issue where it looks like the page is blank – and people aren’t always so smart to know stuff’s there ; ) BUT! this theme is really fantastic – much thanks for the updates and for the excellent support!

    June 11, 2015 at 7:28 am #457627
    Rikard

    Hi @mediumstudio!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    June 11, 2015 at 4:00 pm #457881
    mediumstudio
    This reply has been marked as private.
    June 17, 2015 at 12:26 am #460495
    hotspot

    Is it solved?
    what was the solution?

    June 21, 2015 at 4:52 pm #462378
    Ismael

    Hi!

    The masonry items loads without animating when I checked the home page. Please remove browser cache before testing the page.


    @hotspot    : You can use the solution provided above.

    Regards,
    Ismael

    October 5, 2015 at 7:52 pm #514034
    bellard

    I too have placed the suggested code in the Quick CSS area and I am getting the same results as the others are.
    The gallery will not load until you scroll down to it. I even launched different browsers (Firefox and Chrome).

    What happens is that true you do not get the animation/sfx but the gallery loads as if the animation is being applied, even when you select the reload page button. Each item loads one at a time and in my case where I have several galleries on a page, the gallery will only load when you scroll down to it.

    Regards,

    David

    October 5, 2015 at 7:59 pm #514035
    bellard

    Hi all,

    I think I found some code on another thread here that works.

    .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;
    }

    Let me know if it work for you sophiamavrides.

    Regards,

    David

    October 5, 2015 at 9:17 pm #514049
    mediumstudio

    @ballrd – works! exactly what i was looking for – much thanks!

    October 5, 2015 at 9:24 pm #514052
    mediumstudio

    oh – Moderators – you guys still rock! – maybe the issue wasn’t explained well? love the theme – the Avia Layout Builder is so smooth and easy to use! – Support is always the best. Thanks! Great community here of code users/editors, too!

    October 5, 2015 at 9:25 pm #514053
    Basilis

    Hey!

    Glad it got shorted!
    Please do let us know if you have any other questions we can help with!

    Cheers!
    Basilis

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘How can I disable the masonary gallery + portfolio animation?’ is closed to new replies.