Karrar Al-Mimar Karrar Al-Mimar - 1 year ago 73
CSS Question

WP Product Page Help needed

I'm trying to make this product page and have the items all in there but the problem is the pictures for each item are different size. I tried using Hard Crop but it didn't work.

I want the best solution for this that takes up the least amount of time and is the easiest.


Answer Source

Change the style to the woocommerce.css file in line no.48

.woocommerce .page-wrapper img {
  height: 150px;
  width: 100%;

Add this style to your style.css file

.woocommerce .t-entry-visual {
  height: 150px;
  width: 100%;

If no tricks worked out put an !important over to your css and this should make a trick for you. I have not used important if needed you pursue that.

enter image description here

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download