Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • August 19, 2017 at 11:19 am #841238
    Sadegh

    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

    August 19, 2017 at 5:07 pm #841308
    Mike

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

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

    Best regards,
    Mike

    August 19, 2017 at 5:13 pm #841310
    Sadegh

    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.
    August 19, 2017 at 6:32 pm #841355
    Mike

    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

    August 19, 2017 at 7:04 pm #841367
    Sadegh

    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.
    August 19, 2017 at 7:43 pm #841384
    Mike

    Hi,
    OK, I removed the code.

    Best regards,
    Mike

    August 19, 2017 at 7:49 pm #841385
    Sadegh

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

    Thanks,
    Sadegh

    August 21, 2017 at 12:37 pm #841970
    Victoria

    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

    August 21, 2017 at 12:45 pm #841972
    Sadegh

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

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

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