This topic has 8 replies, 2 voices, and was last updated 10 years, 2 months ago ago by Eva Kemp
Hi,
when I tried to display products by using following short code and I see them price and add_to_cart button perfectly. But when you move the mouse over the product you get a hover box wrapping the image and text which is good but when I have 3 products on one row that borders are displayed overlapped.
This is the shortcode
[product id="9026" sku=""]
This is the css code that I was trying to resize the box.
.slide-item .product:hover,
.products-grid .product:hover {
border: 1px solid #ebebeb;
}
Appreciate your help in advance.
Hello,
Please provide us with wp-admin panel credentials as well.
Regards,
Eva Kemp.
I had sent wp admin credentials but it seems like it has not been sent, sorry if I send it few times
that is in private content
Hello,
Sorry, but your question is a bit unclear. Are you talking about the page http://www.kahveperest.com/kahveler/ ? I don’t see any problems there. Could you please show a screenshot to have a clear understanding of the issue?
Thank you.
Regards,
Eva Kemp.
you dont see that because I have set the parameter border: 0px(zero) in css, I have just set it back, please take a look, you should be able to see that. Make sure to hover the products
thanks
AA
Hello,
I’ve added the following code into custom.css file:
.sidebar-position-without .products-grid.product-count-3 .product {
width: 298px !important;
}
img.hide-image {
height: 300px;
}
Please check the site now and clear browser cache before.
Regards,
Eva Kemp.
Excellent!, Thanks so much Eva.
AA
You’re welcome.
Regards,
Eva Kemp.
The issue related to '‘how to change product image box size’' has been successfully resolved, and the topic is now closed for further responses