Product grids: reduce text padding on mobile

Dear support team,

On product grids (archives, cross-sell recommendations), I would like to reduce the top and left margin (or padding?) of products title, like on the picture attached.
Could you please help me do this?

Many thanks

Attachments:

You must be logged in to view attached files.

Hello,

With the help of the below code you can reduce the distance for the product’s text on the image.

.product-grid-item.wd-hover-info .top-information {
    top: 15px;
    left: 15px;
}

If you’d like to contact us, we are here for whatever questions you may have.

Kind Regards

Hello Luke,

Thank you for your quick reply.
Sorry I realised I forgot to precise that I would like to change it only for mobile. I guess a little tweak to the code would be needed for that ?

Thank you

Hello,

In this case, just enter the above code to the “Custom CSS for mobile” area that is in Theme Settings -> Custom CSS. So it will be activated only for mobile devices.

https://gyazo.com/997e1975e0dc79a0d8d37b9ee593a5c5

Kind Regards

It works great, thank a lot !

Hello,

I’m glad we managed to sort this out.

If there’s anything you need, please write me or another member of our help desk team.

We’re here for you!

Kind Regards

[Author]

Posts