Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #562264

    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, 2 months ago by radoslavmitov.
    #562986

    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

    #563497

    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

    #563533

    Hi!

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

    Regards,
    Basilis

    #563561

    Hello,

    Here are my credentials.

    Kind regards,
    Radoslav Mitov

    #564587

    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

    #566833

    Hello,

    I am running Enfold 3.4.7:

    1

    Kind regards,
    Radoslav Mitov

    #568154

    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

    #568237

    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, 2 months ago by radoslavmitov.
    #568486

    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

    #572535

    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

    #572795
    #574966

    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

    #575040

    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

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