Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 24, 2016 at 1:12 pm #716393
    witschurke

    Hello,
    I would like to know if it is posible to change the effects that makes a Masonry element (conected to my “Beiträge” “Blog entrance”) when I place my mouse over the different links. Right now the Masonry that I am using has two effects pre-set (I think they are related with the Theme that I used as template: “Creative Studio Demo”). The first effect comes when I load the page, all the pictures appear from its down part to the top as if they were layed on the screen and the second effect comes when I place my mouse over the pictures, they get a small zoom effect.
    I would like to delete the first effect or change it for a smoother appearence on the screen, and it would be perfect if I can change the second effect and insted of a zoom on the actual picture, see a white/grey background with the name of the selected Beitrag (Blog entrance).

    Thank you for your help!

    November 27, 2016 at 7:29 am #717388
    Ismael

    Hey witschurke,

    Thank you for using Enfold.

    1.) Disable the masonry’s loading animation with the following css code.

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

    2.) Edit the masonry element, go to the Element Captions panel then set the “Element Title and Excerpt Styling” to the second option. And the “Element Title and Excerpt display settings” to “Display on mouse hover”.

    Best regards,
    Ismael

    November 27, 2016 at 9:13 am #717400
    saurabhkriya

    Hi,

    I am using Masonry Grid for my Homepage. But the grid images are not 100% opaque. I want to use 100% opacity of the images. What shall I do?

    November 27, 2016 at 12:39 pm #717417
    Basilis

    Hi!

    Please create a new ticket, where you will share us your web site so we can take a look and try to identify issues and help you.

    Thanks a lot

    Best regards,
    Basilis

    November 28, 2016 at 11:15 am #717667
    witschurke

    Hello Ismael,
    thanks for your answer. When I set the options that you described on your post it appears on the image the Title and also the date of publication of each post, I would just like to see the Title of each Post (Beitrag) not the date.

    Thank you for your help!

    November 30, 2016 at 6:28 am #718633
    Ismael

    Hi,

    Please remove the date with the following css code.

    span.av-masonry-date.meta-color.updated {
    display: none;
}

    Best regards,
    Ismael

    November 30, 2016 at 2:05 pm #718763
    witschurke

    Thank you! It worked perfectly.

    December 1, 2016 at 8:25 am #719126
    Rikard

    Hi,

    Great, glad you got it working :-)

    Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘modify Masonry grid effects’ is closed to new replies.