Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Looks like there is no CSS that constrains the image to a particular size.
Can you link the page with the issue?
Hi!
Sorry, here is the link:
wrong product size
Thanks for fast reply.
Using firebug it show:
.woocommerce div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce-page #content div.product div.images img {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
display: block;
height: auto;
transition: all 0.2s ease-in-out 0s;
width: 100%;
}
If I take away the last “with: 100%”, then the image go to normal size, but I don’t know where to change this in my custom style.css
This text doesn’t exist in style.css =/
Se image here…
Just copy that code to your custom CSS and change it there.
Hm, I copied it to the bottom of my style.css but nothing happend o_O
Here is the site: Aqua
That’s not a child theme and modifying a default theme is a very bad idea – all of your changes will be lost when WP is updated.
You need to use a Child Theme
http://codex.wordpress.org/Child_Themes
Or custom CSS plugin.
Okey I see, but when I made my Child Theme, which line should I change or what text do I add? 🙂
I solved it.
I added Custom CSS Manager Plugin (Thanks WPyogi), then I put in the code I showed you and edited “width: 100%;” to 60%
Thanks 🙂
