How to change product image box size - by aatlamaz

This topic has 8 replies, 2 voices, and was last updated 10 years, 2 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
    Support staff
    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
    Support staff
    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
    Support staff
    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
    Support staff
    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

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