Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • January 9, 2016 at 2:49 am #562264
    radoslavmitov

    Hello,

    On this page there is masonry.

    How can I set an icon to appear on hover on image from the masonry?

    Kind regards,
    Radoslav Mitov

    • This topic was modified 8 years, 10 months ago by radoslavmitov.
    January 11, 2016 at 8:52 am #562986
    Ismael

    Hi radoslavmitov!

    Thank you for using Enfold.

    You can try this in the Quick CSS field:

    .responsive .av-masonry-entry:hover .av-inner-masonry:before {
    content: '';
    display: block;
    background: red;
    width: 100%;
    height: 100%;
    z-index: 10000;
    position: relative;
}

    Replace the background value with an icon image, preferably, transparent.

    Regards,
    Ismael

    January 11, 2016 at 9:28 pm #563497
    radoslavmitov

    Hello,

    I placed this code in the Quick CSS field and replaced the background value and nothing happened. What am I doing wrong?

    I send you the code that I am using.

    Kind regards,
    Radoslav Mitov

    January 11, 2016 at 10:50 pm #563533
    Basilis

    Hi!

    can we see your site, so we might be able to see what is wrong?
    Thank you

    Regards,
    Basilis

    January 11, 2016 at 11:31 pm #563561
    radoslavmitov

    Hello,

    Here are my credentials.

    Kind regards,
    Radoslav Mitov

    January 13, 2016 at 12:22 pm #564587
    Andy

    Hi!

    You are using an old version of the theme, so please upgrade to Enfold 3.4.7 and let us know if you still need help afterwards.
    Also upgrade WordPress.

    Cheers!
    Andy

    January 17, 2016 at 7:45 pm #566833
    radoslavmitov

    Hello,

    I am running Enfold 3.4.7:

    1

    Kind regards,
    Radoslav Mitov

    January 19, 2016 at 9:57 pm #568154
    Andy

    Hi!

    the background value in your code is missing an “url”, so replace it with this one: 

    .responsive .av-masonry-entry:hover .av-inner-masonry:before {
    content: '';
    display: block;
    background: url(https://m3dent.net/wp-content/uploads/2016/01/M3-Dent-New-Favicon.png);
    width: 100%;
    height: 100%;
    z-index: 10000;
    position: relative;
}

    Cheers!
    Andy

    January 19, 2016 at 11:50 pm #568237
    radoslavmitov

    Hello,

    As you can see I pasted the code in the Quick CSS field:

    QuickCSS

    When I hover on an image in the Masonry no image is showing:

    Masonry

    Kind regards,
    Radoslav Mitov

    • This reply was modified 8 years, 10 months ago by radoslavmitov.
    January 20, 2016 at 10:37 am #568486
    Andy

    Hey!

    not sure what you mean. Images are showing fine when hovering them when checking page in private content and your screenshot does not show any issue for me. Please make clear what’s going on for you.

    Cheers!
    Andy

    January 27, 2016 at 3:35 am #572535
    radoslavmitov

    Hello,

    What I wanted to achieve is this: when I hover on image from a Masonry an icon to appear over the image, like in Portfolio, but different icon (e.g. magnifying glass). When I made all what you posted nothing happens when I hover on the image. What am I doing wrong?

    Kind regards,
    Radoslav Mitov

    January 27, 2016 at 12:36 pm #572795
    Andy

    Hi!

    check out this:
    https://kriesi.at/support/topic/rollover-disc-arrow-replacement-part-2/#post-121206

    Different hover/image overlay icons??

    Cheers!
    Andy

    January 30, 2016 at 10:40 am #574966
    radoslavmitov

    Hello,

    Thank you for your answer.

    I really struggle with this issue.

    Tried this as well. You can see my base.css file edited like it is described in the link you posted. I am posting FTP credentials if you need them to check it. What I want to achieve is when you hover on an image from a Masonry an icon to appear. Now nothing is appearing.

    Kind regards,
    Radoslav Mitov

    January 30, 2016 at 6:06 pm #575040
    Andy

    Hey!

    I think you would need to hire a freelance developer for this job, as it would require a huge amount of time and customization of the theme.

    Cheers!
    Andy

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