How do effect border in woocommerce?

[flavianodelgado]

How can I make the effect on the border, same as the image?

[Laura]

Hello, that can be done with some css, for what page and which products? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[flavianodelgado]

For a general store, all products.
An effect that when you mouse over the product, a border stands out or something.

[Laura]

Hello, try by adding this to style.css of child theme or at Appearance > Edit

COPY CODE

img.woocommerce-placeholder.wp-post-image:hover {
    border: 4px double black !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[flavianodelgado]

Você tem o código para a página da loja?

http://portalapper.com.br/loja/

Seu código não funcionou.

[Laura]

Hello, please lets communicate in english 🙂
Can you show me a screenshot of where do you want it?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[flavianodelgado]

LOL Sorry, I didn’t intend to speak Portuguese.

The effects go on the border of the photo

[Laura]

Hello, the css was made for that, but on hover, do you want it to be always there?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[flavianodelgado]

Yes, when the mouse over it appears such edge effect.

[Laura]

Hello, let’s continue at the other ticket as we are duplicating the answers 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[flavianodelgado]

OK!

[Author]

Posts