Return to previous page

Grid view spacing too large - by Michael

This topic has 4 replies, 2 voices, and was last updated 9 years, 7 months ago ago by Eva Kemp

  • Avatar: snoowy
    Michael
    Participant
    May 16, 2015 at 13:43

    Hi,
    In the product grid views the gap between the bottom of each product thumbnail and the product description is too large.

    Our images are all 150px by 150px but your CSS seems to be using an image height of 220px. Our grid view would look better with a smaller image height.

    I’ve used firebug to set it to 180px and that looks better to me, but I’m not sure what actual CSS needs to be changed to replicate that correctly live.

    Thanks,
    Mike.

    Please, contact administrator
    for this information.
    #64314 Copied
    3 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    May 18, 2015 at 10:32

    Hello,

    Please use this code in custom.css file:

    .no-sidebar #products-grid.products_grid.rows-count4 .product-image {
    height: 180px !important;
}

    Regards,
    Eva Kemp.

    #64488 Copied
    Avatar: snoowy
    Michael
    Participant
    May 18, 2015 at 11:41

    Hi Eva,
    That’s worked, it looks better now.

    Thanks for your help,
    Mike.

    #64510 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    May 18, 2015 at 11:52

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

    #64516 Copied

  • Tagged: , , , , , ,

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

The issue related to '‘Grid view spacing too large’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Coffee Store – WordPress WooCommerce Theme
lazy-placeholder
Coffee Store – WooCommerce Theme
lazy-placeholder
Designers – WordPress WooCommerce Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme
lazy-placeholder
Burger Store – WordPress WooCommerce Theme
lazy-placeholder
Sidebar Boxed Store – WooCommerce Theme
lazy-placeholder
Handmade Store – WordPress WooCommerce Theme
lazy-placeholder
Default RTL – WordPress WooCommerce Theme
lazy-placeholder
Language Courses – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 03 – WordPress WooCommerce Theme

See All Templates

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