Return to previous page

How to change the look of product images with essential grid

This topic has 12 replies, 3 voices, and was last updated 9 years, 7 months ago ago by Eva Kemp

dalmayer

Participant

May 18, 2015 at 14:25

Hi, I have almost finished my website but I am struggling with one more thing.

I have made a few product pages with essential grid and they look nice. But when I look at other woopress pages that load automaticly I get the look of the woopress theme. It is not a masonry style but boxed so there is a lot of white space between each product.

Is there a way to change this, maybe with essential grid. I tried everything but I can’t find it.

#64551 Copied Theme version: Woopress WooCommerce version: 2.3.8

11 Answers

Robert Hall

Support staff

May 18, 2015 at 14:36

Hello,

Please provide us with link to the page where you want to make changes and wp-admin access in Private Content

Regards,
Robert Hall.

#64554 Copied

dalmayer

Participant

May 18, 2015 at 14:51

I just send you a reply in private, did you get it because I get an error message:ERROR: YOUR REPLY CANNOT BE EMPTY.

Please, contact administrator
for this information.

#64557 Copied

Eva Kemp

Support staff

May 18, 2015 at 15:28

Hello,

Could you please show a screenshot how you’d like to customize products pages?

Thank you.
Regards,
Eva Kemp.

#64566 Copied

dalmayer

Participant

May 18, 2015 at 15:47

Hi

Please, contact administrator
for this information.

#64573 Copied

Eva Kemp

Support staff

May 18, 2015 at 16:10

Hello,

Sorry, but product categories pages use standard Woocommerce template to show products from a category. It can’t be the same as you created for Shop page with Essential Grid plugin.
Please take our apologies.

Regards,
Eva Kemp.

#64580 Copied

dalmayer

Participant

May 18, 2015 at 16:35

I understand, but it is also not possible to reduce the white spaces between the images?

#64587 Copied
Eva Kemp

Support staff

May 18, 2015 at 16:54
Hello,

Try to add this code in custom.css file:
```
.product-content-image img {
 height: 300px !important;
}
```
How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

Thank you.
Regards,
Eva Kemp.
#64595 Copied
dalmayer

Participant

May 18, 2015 at 17:20

Thank you, now all the images are in one line, just 1 problem, the weight does not ajust the heigt so the images look a bit strange. You have a solution for this?

#64598 Copied
Eva Kemp

Support staff

May 18, 2015 at 17:46
Hello,

You can try to change height value to lower one:
```
.product-content-image img {
 height: 230px !important;
}
```
Regards,
Eva Kemp.
#64601 Copied
dalmayer

Participant

May 18, 2015 at 18:21

Thank you!

#64611 Copied

Eva Kemp

Support staff

May 18, 2015 at 18:25

Hello,

You’re welcome.

Regards,
Eva Kemp.

#64615 Copied
Tagged: change look, customization, essential grid, product images, user friendly, woocommerce, wordpress
Viewing 12 results - 1 through 12 (of 12 total)

The issue related to '‘How to change the look of product images with essential grid’' has been successfully resolved, and the topic is now closed for further responses

How to change the look of product images with essential grid

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection