Product image width is small - by jagadeesh

This topic has 3 replies, 2 voices, and was last updated 8 years, 10 months ago ago by Robert Hall

  • Avatar: jagadeesh
    jagadeesh
    Participant
    July 2, 2015 at 12:37

    http://www.mavango.in/featured-products/

    Check this link in my website the product listing is only 4 columns as am i changed in admin how can i keep 4 columns seperately for this page and when you mouse over the borders will appear but not for the image.

    inside borders the images is only 75% remaining is blank(whitespace).it is so clear if the image having background so please check and let me know

    thank you

    Please, contact administrator
    for this information.
    2 Answers
    Avatar: jagadeesh
    jagadeesh
    Participant
    July 2, 2015 at 12:56

    [featured_products per_page="16" columns="5" orderby="date" order="desc"]

    i applied this in my page the coloumns are not working when i give 5 it showing only 3

    Avatar: Robert Hall
    Robert Hall
    Support staff
    July 2, 2015 at 13:26

    Hello,

    Use this code in your child theme or custom css.
    Don’t forget to clean all cache after changes.

    .products-grid.product-count-4 .product:nth-child(4n+1) {
      clear: none;
    }
    .products-grid.product-count-4 .product:nth-child(5n+1) {
      clear: both;
    }
    .sidebar-position-without .products-grid.product-count-4 .product {
      width: 175px;
    }

    Regards,
    Robert Hall.

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

You must be logged in to reply to this topic.Log in/Sign up

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