Navigation

This content is old and no longer supported. You may use at your own risk, but no official support will be provided for anything listed here. If you are a Themeco customer, we invite you to check out our new community and forums, Apex.

Tagged: 

  • Author
    Posts
  • #1414285

    christine-i
    Participant

    Hello,
    I´d like to create a hover effect over the product images of my woocommerce shop page. The hover effect should be a border around the product image and a simple transparent color.

    How can I achieve this?
    Thanks in advance.

    Best regards,
    Christine

    #1414535

    Prasant Rai
    Moderator

    Hello Christine,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Thanks.

    #1414776

    christine-i
    Participant
    This reply has been marked as private.
    #1414968

    Thai
    Moderator

    Hi There,

    Please try adding the following CSS:

    .woocommerce li.product .entry-featured img {
        border: 2px solid transparent;
    }
    .woocommerce li.product:hover .entry-featured img {
        opacity: 0.75;
        border-color: #292462;
    }

    Hope it helps 🙂

Join Apex

This content is old and no longer supported. We invite you to check out our new community and forums, Apex.

Join Apex