Okay
  Public Ticket #2442366
Mouseover issue on blog image
Closed

Comments

  • Lisa started the conversation
    June 16, 2020 at 2:44pm

    Hi there,

    I've searched Google and the guides on Neuron Themes and Elementor but can't find a solution to this... I'm using the Elementor Posts Widget (pro) on this development page http://lisaf7.sg-host.com/blog/ but I can't figure out how to remove the bottom black line on mouseover from the images.

    I got in touch with Elementor and they tested the image mouseover with several other themes and the bottom black line wasn't there. So they suggested I ask you directly for a solution.

    Here's their screencast showing the issue gone when testing with another theme https://screencast-o-matic.com/watch/cY1D2QCznu

    I want it to either 'do nothing' on mouseover or to 'scale' like the posts do in the Neuron Themes Posts Carousel widget here http://lisaf7.sg-host.com/

    Could you please let me know how to remove that black line from mouseover?

    Thank you,

    Lisa

  •  675
    Neuron replied
    June 17, 2020 at 8:39am

    Hi Lisa,

    I understand your concern, we're planning to add an option on the back-end which the user will be able to enable/disable the underline.

    If you want to remove it completely, please add the following style.

    .elementor a:not(button),
    .elementor a:not(button):hover {
      box-shadow: none;
    }

    If you want to remove it only from the image.

    .elementor-widget-posts a:hover {
      box-shadow: none !important;
    }

    Feel free to ask for anything you need.

    Kind Regards

    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.