I have a WooCommerce shop page.
I may lack a knowledge to fix this which could be an easy fix but please help me to eliminate the white space under product image in WooCommerce page:
here is the link:
https://sonopoint.com/shop/
Thank you very much.
I tried different online-resources none of them helped.
Your page builder, Fusion Builder, is adding a container for details about the product, styled as CSS class "product-details-container". Remove this container, and you should loose this white space.
Related
I am creating a website for our company.
I wanted the homepage to be like a simple landing page. Something similar to this site (https://www.agbaonline.com)
The challenge I am having is, the page has a white spacing at the bottom that just doesn't look nice at all. How do I get rid of this. I don't intend to put a footer in the page as I want it to be as straightforward as possible.
This is the link to the website, currently being worked on (https://www.mimshakspares.com/test) - we are using wordpress and the Gutenberg Block Builder.
Thank you for your assistance guys.
Please remove margin-bottom of this class .uagb-block-1d95c7fa.uagb-column__wrap
placeholder thumbnails are showing instead of product images in woocommerce categories page, this images shows all the products under the "Beauty and perfumes" category
placeholder thumbnails shows instead of my product thumbnails
but the image displays when i click on a specific product
enter image description here
I had a plugin that had settings hiding the images inadvertently.
To figure out the culprit I deactivated all my plugins. The images were now showing. Next, I added re-activated them one by one until the placeholder images showed up again. So now I knew what/who was causing the issue.
I then activated the offending plugin and went through its settings until I found a setting that turned off images.
In this case, it wasn't a bad plugin it was just user error.
Just in case you are using the same or similar plugin it was: "Easy Custom Auto Excerpt"
I hope this helps any future developer with this problem.
Just an additional info.
I came across with this issue just right now.
Please make sure to set the Primary image of the product otherwise it will show the placeholder and won't show the product image gallery too.
I have a basic wordpress website with the woocommerce plugin and tesseract theme, and I want to know where I can fix the design related to following issues:
On the cart page the dollar sign for the totals for a product are on a different line than the number. The same thing happens on the checkout page.
Some boxes are gray and some are white which looks nice, but on the checkout page, some of the boxes that should be grey are white, making it look bad. Can anyone tell me where in the code I can fix this?
The two pages in question are the cart and checkout pages. I would post code, but the problem is that I don't know where to find the specific section from where to fix the issue.
I'm making a WordPress website with WooCommerce and I need to resize the product thumbnails in the display products (category) page.
In particular I have this situation:
And I'd like to have a page like this:
Is it possible? I've checked that the CSS class should be img.attachment-shop_catalog.wp-post-image and I've tried with -webkit-transform:scale(1.2); but my product image thumbnails overlap. It's not a problem of WooCommerce images settings (the "force hard crop" option is disabled), so I think I have to add a custom CSS. Could you help me to fix this?
Thanks in advance!
I would have checked all surrounding classes cause it is probably limited by them, or there is padding-right set on outer container.
I would have tried to find (using Chrome possibilities) and try first to locally resize them and product container in CSS.
for my woocommerce site at http://tartangrand.com/home-v13-2/ if you scroll down to the the point where you can see some products, all of them are white the image refuses to show up unless I go under quickview.
never mind fixed thanks!