Hey Guys,
How can I make the images in woocommerce smaller.
Check;
http://kroonappels.nl/p/a-hd-bpi-sports/
This is right now just too big. What can I do with so my images look decent. (smaller) Ik want the CTA button to be showing good on the pages.
Hello
If you want to change the size for that images, you will have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.woocommerce div.product div.images img {
display: block;
width: 50%;
}
The result -> http://screencast.com/t/YBF7s9G3Omb9
Thanks.
Thank you Catalln. I worked!
I have 2 other problems. I can’t find the optin to change it in the settings.
1. I don’t want people to be able to click on the product images or head images in a post:
http://kroonappels.nl/p/xxl-snapback-low-crown-xxl-nutrition/ -> product image, you can click it.
http://kroonappels.nl/groene-smoothies/ -> head image, you can click it.
How can I remove this?
2. I want to show 4 product next to each other. How can I do this?
http://kroonappels.nl/c/afslanken/cooking-spray/
Right now it’s just two. I want to make 4 of it. Or at least 3.
Hope to hear from you soon.
Hello Mikegezond,
Please notice that all of these two requests are not theme related and refers only to settings which you will have done from your woo commerce plugin. For more information about how you can customize your woo commerce, please check this documentation here -> https://docs.woothemes.com/documentation/plugins/woocommerce/
Thanks for your understanding!
This is theme related right? ->
http://kroonappels.nl/groene-smoothies/ -> head image, you can click it. Can I remove the click able option?
Hello Mikegezond,
You can use the code below to stop the clickable for featured images.
The code is ->
.td-post-featured-image {
pointer-events: none;
}
Thanks.
