woocommerce product images problem

@poekel

The images on this page: https://senior99.destaken.nl/windows-2/
are good. Straight in a line = OK

This page: https://senior99.destaken.nl/windows-2/ where i used products-id’s comes ip all wrong.

The links here are identical, and the images are aligned as you said.

Q1: What’s wrong here ?

if you click this link : https://senior99.destaken.nl/product/linux/

Can you elaborate on what you mean?

Q2: How can i make the BIG image smaller ( in cooperation with the rest of the page)

Check out the following page to learn more about image dimensions and WooCommerce:

https://docs.woothemes.com/document/using-the-appropriate-product-image-dimensions/

Keep in mind:

Dimensions you specify on the Products tab of the WooCommerce settings screen affect the size of the thumbnails that the theme uses when displaying product images. They do not change the size the image is rendered.

I hope that helps.

Hi,

i made a mistake

Q1: What’s wrong here ?

Should pinpoint to this URL: https://senior99.destaken.nl/apple/ where the images are not in one line.
Whats wrong here ?

The image that you see on this page –> if you click this link : https://senior99.destaken.nl/product/linux/ is to big.

How can i make it smaller cooperation with the rest of the page ?

If i out the images on the default page shop (installed when i installed woo commerce( then the images line-up
If i use the products-id the same images DO NOT line up
why ?

This URL –> https://docs.woothemes.com/document/using-the-appropriate-product-image-dimensions/

i already found, but i do not quite understand what my action should be to get this fixed

Thanx!
Poekel

Edit this page, then switch to text editor, then remove the CODE and PRE tags wrapping your shortcode.

Hello,

Thanks!
This was the solution to the messed up page. I overlooked it ……

Any ideas on how i can make the image (and the rest) smaller.
Do i make the images smaller ?
or under display in woo commerce set the image to a smart size.

Please help ……..

It’s controlled with CSS https://dl.dropboxusercontent.com/s/t23tuhghsn358b0/2016-06-10%20at%2015.24.png?dl=0

Hi,

Stupid me …..

I can’t seem to find this setting. Is it a Tempera css setting or a woo commerce css
setting ….?

Please help

Thanx!
Poekel

Thats in the WC CSS, but you can add a new rule to your theme CSS or via a plugin (jetpack has a custom CSS module) to change it.

Mike,

I give up …….

The theme makes it possible to put custom css in the theme.

What do i enter ? I can NOT find the 48% in ANY css file that goes with
the string .woocommerce #content

The woo commerce.css is one long line in the file. There is also a sccs file. Whats that?

Thanx!

.woocommerce div.product div.images {
width: 200px !important;
}

Mike,

Thank you !
That solved it ……..

Any hints on how to remove the open space there is now

THANXXXXXXX!

Poekel

Then you can make the summary div on the right wider. With more CSS ?? Use the inspector to view CSS and HTML on your page. https://cs.brown.edu/courses/cs132/resources/inspector/