Number of product in shop

[Kyle – SUPPORT]

Not from my end? (see screenshot)

– Kyle

Attachments:

You must be logged in to view attached files.

[crystallisspecimens]

Yes if you look close then you will see more white space on the right than on the left.
Any way to fix this?
THX

[crystallisspecimens]

Hi Kyle,
I know what happen. When I included the code
.woocommerce ul.products li.product figure {
width: 80%;
}
the images of the products reduced its size and also moved to the left. The same happened for the NEW ARRIVALS and RELATED PRODUCTS carrousel.

Is there a way to move them to the right a bit??

Thank you.

[Kyle – SUPPORT]

Remove that css and use this instead, this will apply to only the main image

.woocommerce div.product div.images {
  width: 28%;
}
.woocommerce div.product div.summary {
  width: 68%;
}

– Kyle

[crystallisspecimens]

Yes it fix the problem but then the product images return to big sizes if I remove the code
.woocommerce ul.products li.product figure {
width: 80%;
}

I just need the Related Products and New Arrivals to move to the right.
The others are fine.
Is there any code for this?

THX

[crystallisspecimens]

RELATED PRODUCTS : http://crystallis.com/shop/natural-stones/amethyst-stalactite/
NEW ARRIVALS: http://crystallis.com

[Kyle – SUPPORT]

Add this to your custom css:

.woocommerce ul.products li.product figure {
  left: 11%;
}

– Kyle

[crystallisspecimens]

THAT IS PERFECT!
THANK YOU!

[Kyle – SUPPORT]

Great! no problem

– Kyle