Your Time:
Our Time:
← Back to discussions

Firefox – Shop Archive Product Hover

Need help with a different issue? Search the forums or open a new ticket.
Open a support ticket

This topic has 3 replies, 2 voices, and was last updated 8 years, 10 months ago by Fem.

  • 2017-10-30 at 3:00 pm
    Support Expired
    #22114
    thenextpixel
    Participant
    • Topics: 3
    • Replies: 1
    • Total posts: 4
    • Post count: 1

    Good morning,
    I am contacting you as I have noticed an issue in Firefox when it came to my browser testing.

    Basically when hovering over an item the purple border that appears around the product image is very erratic in Firefox only.

    When hovering the border sometime appears but then never goes away once the mouse leaves the element. This then entail in multiple product items having a hover state.

    I have checked if this issue occurs on your demo theme and I can confirm that it does.

    I can provide a screenshot of the issue if you require but I currently can see no method of attaching such materials to a ticket.

    I look forward to your findings
    Best Regards

    Jamie

    2017-10-31 at 11:32 am
    #22127
    Fem
    Keymaster
    • Topics: 2
    • Replies: 5215
    • Total posts: 5217
    • Post count: 6003

    Thanks for the information. We will make a fix and let you know the solution for it soon.

    2017-10-31 at 11:37 am
    #22128
    Fem
    Keymaster
    • Topics: 2
    • Replies: 5215
    • Total posts: 5217
    • Post count: 6003

    I just found it and I think its something related to the Slider Revolution settings or so. did you modify any settings in the slider revolution?

    2017-11-02 at 2:51 pm
    #22148
    Fem
    Keymaster
    • Topics: 2
    • Replies: 5215
    • Total posts: 5217
    • Post count: 6003

    Open labora/woocommerce/css/woocommerce.css file around line #305 find the code and replace it

    Find Code
    .woocommerce ul.products li.product a:hover img { border-color: #990b6e; }

    Replace Code
    .woocommerce ul.products li.product img:hover { border-color: #990b6e; }

You must be logged in to reply to this topic.