Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #841238

    Hi,

    In homepage (link in private box), when we move the cursor over that icon I have shown in below image, an unwanted effect shows over the image (an arrow):
    .

    Like the rest of the icons and images, we do not want to see this effect.

    Thanks,
    Sadegh

    #841308

    Hey Sadegh,
    Try this code in the General Styling > Quick CSS field:

    .image-overlay-inside {display:none !important; }

    Best regards,
    Mike

    #841310

    Hi Mike,

    It should be something else.
    > I tried but it made the ‘arrow’ disappeared from all the website, include our blog posts.
    > It didn’t work for that item I mentioned previously ether.
    We just want to remove that hover effect only from that image and I don’t know where does it come from.

    • This reply was modified 7 years, 2 months ago by Sadegh.
    #841355

    Hi,
    I logged in and added this code to your General Styling > Quick CSS field

    .image-overlay-inside, .image-overlay {display:none !important; }

    and it removed your hover effect for your first URL
    But for your second URL I had to add it to your Customize > CSS
    See Private Content area for the two URLs
    Please clear your cache and check.

    Best regards,
    Mike

    #841367

    Hi Mike,
    As I mentioned before, your code disabled other hover effects of our website.
    For instance, we can not see any hover effects inside our blog page as I said before.

    And I’m pretty sure that there is an issue just for that eye image, because it is NOT repeated on the other images.

    • This reply was modified 7 years, 2 months ago by Sadegh.
    #841384

    Hi,
    OK, I removed the code.

    Best regards,
    Mike

    #841385

    Hey,
    Then I’m looking for a help from other moderators.

    Thanks,
    Sadegh

    #841970

    Hi Sadegh,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    img.aligncenter.wp-image-577 + .image-overlay.overlay-type-extern {
      display: none !important;
    }
    

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #841972

    Hey Victoria,
    Thanks for the code, it solved the issue :)

    (you may now close the thread please)
    Kind regards,
    Sadegh

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Problem with Image hover’ is closed to new replies.