I’m having a problem with my cart page. The problem I’m having is the product thumbnail image is cropped and is cutting off my image.
I went to the product display settings and adjust the thumbnail size and the thumbnail image is still too small and cropped.
cart page image
I want to figure out how to fix this issue, can someone help?
I also want to find out how can I change the product image on the cart page to a different picture and it not effect the product images on front-end of my site.
Because we don't have a code here I just can figure out what it could be. You can try to set this css to the product image:
.your-product-image { /*PLEASE UPDATE*/
overflow: hidden;
}
Related
How I can change the way woocommerce show my products image in products catalog page? Woocommerce doesn't show the uploaded images in correct cropping format and the pictures don't look ok. Here's an example: I have tried customized>WooCommers>Product Images>Thumbnail cropping but it doesn't solve the problem for me. The pictures get cropped while I want to show the whole image on the square frame. This is not good if I want to show a pictures with different dimensions! What should I do? I use Flatsome theme.
Try this: Go to Appearance > Customize > WooCommerce > Product Images > select "Uncropped". This should make it so that the original aspect ratio doesn't change, so if all the images are for example a 5:4 aspect ratio, your category/catalog page thumbnails should all be 5:4 images instead of square. If you truly want all the images to look the same (or all be squares), you'll need to re-upload them as the same aspect ratio.
This is a page of my blog https://desandre.odns.fr/lemadame/portfolio-work/carole-nicolas (ssl is not active so you should clicked on advanced and then continue).
The theme I use shows images 1110px wide but I would like to show bigger pictures like here for example: https://damiendesandre.myportfolio.com/carole-et-nicolas It seems much better.
How can I get this result ?
Thanks
If you have any builder plugin then you have to add image only in row component and you will get the 80% width of image based on screen resolution.
I'm working on: https://holisticharmonyinhc.com/ via Wordpress
The homepage is currently set to display the Archives, and if you notice, the main section (not the sidebar) is being partially cut off on the right. The Single Post display do not seem to have this issue, only the Archives display. Wondering how this can be corrected.
Also wondering if it's possible / how to adjust the columns of the Archive display where the feature image is set to a 2:3 ratio (width:height) and the info of the post is centered vertically.
I'm not positive what coding is needed for me to provide, but happy to provide anything requested. Thanks in advance!
Add this CSS in your active theme style.css file
.ruby-section .ruby-content-wrap {
overflow: inherit;
}
I am building a website using wordpress and the theme is "Infinite Photography".
My problem is: on the homepage you see the featured images of all posts: www.konradfoerster.de/wordpress
When I change the size of the browser window, the images will be cropped from the middle. I don't want that.
However when you click on an image and open a single post and then change the size of the screen, the image scales but it does not crop. I want this behaviour for the homepage too!
I need the behavior like here: https://demo.kaliumtheme.com/photography/. Here when you make the browser window smaller, the images will be just scaled, not cropped.
How can I do this? I googled a lot, but could not find anything. For example I tried this one, but it did not work. disable cropping featured image in wordpress
Would appreciate any hints.
Edit: here is the screenshot of the document inspector. I think the styles, that apply for each image are in the class .acme-col-3.
screenshot document inspector
.masonry-item.post-item {
...
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
https://developer.mozilla.org/en-US/docs/Web/CSS/background-size
I got some problems with my WooCommerce site, whereas the images on the products list does not work
http://bio7.dk.linux82.curanetserver.dk/billede/
This is the link... as you can see, the images are not all the same size, even though all images are set to be
210pixels X 210 pixels with Hard-Crop
I hope anyone can tell me, why the images aren't that size...
My Thanks.
Because of the size of the boxes, once you change the size of the boxes the size of the picture will change as well