Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 17, 2014 at 12:16 pm #369417
    Maik

    Hey there,

    I am wondering if you might can help me a little bit with a change at my page.

    i want to change the effect when a user mousover the MasonryPortfolio at the startpage.
    actual there is a white bar that pops up. i instead want a completely white overlay, with the Text info…

    Is this actual possible to realize?

    Thanks a lot in advance for your amazing help…

    • This topic was modified 10 years ago by Maik.
    December 17, 2014 at 7:18 pm #369677
    Elliott

    Hi Maik!

    Add this to your custom CSS.

    figcaption.av-inner-masonry-content.site-background { background: white !important; width: 100% !important; height: 100% !important; }

    Best regards,
    Elliott

    December 18, 2014 at 12:00 pm #369903
    Maik

    Amesome….

    thanks for the quick help! works perfect!

    unfortunately i have an additional question.
    How can i deactivate the 3d effect of this upcoming container!?
    I just simply want to fill the Portfolio Item with white ans set text to it.

    Maybe somebody in here have an idea!?

    December 18, 2014 at 7:14 pm #370149
    Elliott

    Hey!

    Are you talking about the zoom effect when you hover over an item? If so then try this out, https://kriesi.at/support/topic/enfold-masonry-blog-hover-effect/.

    Cheers!
    Elliott

    December 22, 2014 at 3:19 pm #371543
    Maik

    Hi Elliot,

    unfprtunately I am not talking about the zoom effect.
    if i mouseover the portfolio item at my startscreen (www.mbo-fotografie.de) there is a white plane, that comes from the bottom an fold up to the top.
    I try to ged rid of this effect an fade in this white plane (containing the Portfoliodescription)

    December 22, 2014 at 4:34 pm #371556
    Yigit

    Hi!

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

    .avia_desktop.avia_transform3d .av-caption-on-hover .av-masonry-entry.av-masonry-item-with-image:hover .av-inner-masonry-content, .avia_desktop.avia_transform3d .av-caption-on-hover .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content {
-webkit-transform: none;
-moz-transform: none;
transform: none;
opacity: 1;
}

    Best regards,
    Yigit

    December 23, 2014 at 10:25 am #372019
    Maik

    fantastic!!!
    thanks a lot for your help!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Masonry Portfolio – Rolover effect’ is closed to new replies.