Docs

[Ronald]

Hello,

Please, I need your help in adjusting the line height when hovering over a product. Please could you have a look, I will private reply with login, my attached screenshots are normal- and hover stances and I hope you will see what I need to achieve, I just need this not to be covering the shop name.

Thank you.
Ronald.

[Ronald]

This reply has been marked as private.

[Christian]

Hey Ronald,

Can you give us more details on what you want to achieve?

Thanks.

[Ronald]

Thank you for your reply 🙂

Basically, when hovering over the product I want the product name just a little higher so that it doesn’t cover the vendor name.

Is it possible to reduce the space between the button, the product name and the button, so they can be closer.

Regards
Ronald.

[Jade]

Hi Ronald,

Please add this code in the customizer:

.woocommerce li.product:hover .entry-wrap {
    top: calc(100% - 12.5em);
}

Hope this helps.

[Ronald]

Thank you very much, this helped a lot.

Just one more thing, is there a way to raise the product name a little so that it wont touch or go over the block with the vendor’s name behind it.

Ronald.

[Jade]

Hi there,

Please add this code:

.woocommerce li.product .entry-wrap {
    top: calc(100% - 5.5em);
}

.woocommerce li.product .entry-header h3 {
    padding-bottom: 1em;
}

Hope this helps.

[Ronald]

Hi Jade.

Thank you very much for your help and for pointing me in the right direction.
Much appreciated.

🙂
Ronald.

[Lely]

You’re welcome Ronald!

Cheers!

[Author]

Posts