Return to previous page

Product Categories Image Size (change/ edit)

This topic has 3 replies, 3 voices, and was last updated 1 years, 1 months ago ago by Tony Rodriguez

HUSSTLE

Participant

October 16, 2023 at 16:29

How would I go about changing the product images that show when using the Elementor Product Cateogries widget? I see the current code is set to:

.elementor-element .category-grid>a img {
max-width: unset;
}

I tried to set the width to be 450px; but not sure this is doing what I want.

https://pasteboard.co/3GNLhdvBb8SK.png

What CSS code do I need to use?

Please, contact administrator
for this information.

#370366 Copied Theme version: 9.1.14 WooCommerce version: 8.1.1

2 Answers

Rose Tyler

Support staff

October 17, 2023 at 07:33

Hello, HUSSTLE,

Thank you for contacting us and for using XStore.

Please provide URL to https://pasteboard.co/3GNLhdvBb8SK.png Is it a page, static block or?

Kind Regards,
8theme team

#370417 Copied
Tony Rodriguez

Support staff

October 17, 2023 at 07:53
Hello, @HUSSTLE,

We have identified two potential solutions to your issue:

1. You can edit the page using the Elementor page builder. Once you have done this, please proceed to edit the Product Categories element. Under the General option, you will find the “stretch images” option. Please turn this option ON and adjust the height, Position X, and Position Y according to your needs. For your reference, please see this screenshot: https://postimg.cc/Y4nzFf6x

2. Alternatively, you can assign a Custom ID to the element by editing it under this link: https://postimg.cc/KkVzt4pV. Afterward, you can try using the CSS code provided below. This should resolve your issue.
```
div#custom_image_width img {
    max-width: 450px !important;
}
```
We hope these solutions will be helpful to you. If you have any further questions or concerns, please do not hesitate to contact us.

Best Regards,
8Theme’s Team
#370421 Copied
Tagged: change product categories, customize woocommerce, edit image size, image size adjustment, woocommerce product categories, woocommerce templates, wordpress woocommerce
Viewing 3 results - 1 through 3 (of 3 total)