Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 14, 2015 at 1:33 pm #428200
    georgesociel

    Hello there,

    following Josue’s reply 

    .av-masonry-entry:before {
    content: attr(title);
    background: #8C62A4;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    text-align: center;
    line-height: 180px;
    opacity: 0;
    font-weight: bold;
    font-size: 24px;
}

.av-masonry-entry:hover:before {
    opacity: 0.75;
}

.av-masonry-entry:before{
    transition: all linear 0.2s;
}

    i managed to make the overly effect i want, but as you can see below
    overly effect whole portfolio item

    the overly effect covers whole the portfolio item.
    I want overly only for the image not the excerpt.
    The reason to do so, is that i want for the excerpt to have a clickable iframe (with social media buttons), and in that case, any click links to the items page.

    Than you instead,

    April 15, 2015 at 7:17 am #428709
    Rikard

    Hey georgesociel!

    Sorry I can’t find the thread you got the CSS from, could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    April 15, 2015 at 8:01 am #428728
    georgesociel
    This reply has been marked as private.
    April 15, 2015 at 12:12 pm #428838
    Yigit

    Hey!

    Can you please post the link to your website?

    Cheers!
    Yigit

    April 15, 2015 at 9:56 pm #429249
    georgesociel
    This reply has been marked as private.
    April 16, 2015 at 11:19 pm #429971
    Yigit

    Hi!

    Please use the code as following 

    .av-masonry-image-container:before {
    content: attr(title);
    background: #8C62A4;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    text-align: center;
    line-height: 180px;
    opacity: 0;
    font-weight: bold;
    font-size: 24px;
    left: 0;
    transition: all linear 0.2s;
}
.av-masonry-image-container:hover:before {
    opacity: 0.75;
}

    Cheers!
    Yigit

    April 19, 2015 at 10:56 pm #430995
    georgesociel

    that is great.

    Consider thread closed!

    Excellent support Yigit.

    Regards,

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Mosonry Portfolio overly effect only on image’ is closed to new replies.