padding

hi, look at the image attached.
I added in the megamenu a list of products, and I’d like to reduce the space between the image and the title on the right.
I added in the custom CSS the following

.product_list_widget>li .widget-product-img img {
margin-right: 0;
padding-right:0;
}

but it does not work.
What can I do?

Attachments:

You must be logged in to view attached files.

Hello,

Please share the wp login details in private content under the message area I will further check and give you a possible solution.

Best Regards.

as requested …

Hello,

Edit this HTML Blocks with elementor and and edit product grid and carousel widget and in the advanced tab add the following custom css:

.product.wd-hover-small .product-wrapper {
    gap: 1px;
   max-width: 90%;
}

Best Regards.

thank you. with this code I can reduce the image size.
Can you tell me how can I also reduce the space between the image and the text on the right please?

Hello,

Sorry to say it is not possible to do what you want. This is the product design in the product grid or carousel element. Edit product grid or carousel > in the style tab go to product design and select the design per your requirements.

Best Regards.

[Author]

Posts