How to change product image box size - by aatlamaz

This topic has 8 replies, 2 voices, and was last updated 11 years, 3 months ago ago by Eva Kemp

  • Avatar: aatlamaz
    aatlamaz
    Participant
    September 9, 2014 at 11:12

    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.

    Please, contact administrator
    for this information.
    7 Answers
    Avatar: Eva
    Eva Kemp
    Participant
    September 9, 2014 at 11:37

    Hello,

    Please provide us with wp-admin panel credentials as well.

    Regards,
    Eva Kemp.

    Avatar: aatlamaz
    aatlamaz
    Participant
    September 9, 2014 at 12:25

    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

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Participant
    September 9, 2014 at 13:08

    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.

    Avatar: aatlamaz
    aatlamaz
    Participant
    September 9, 2014 at 13:32

    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

    Avatar: Eva
    Eva Kemp
    Participant
    September 9, 2014 at 14:07

    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.

    Avatar: aatlamaz
    aatlamaz
    Participant
    September 9, 2014 at 14:12

    Excellent!, Thanks so much Eva.

    AA

    Avatar: Eva
    Eva Kemp
    Participant
    September 9, 2014 at 14:22

    You’re welcome.

    Regards,
    Eva Kemp.

  • Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘how to change product image box size’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.