Return to previous page

Grid view spacing too large - by Michael

This topic has 4 replies, 2 voices, and was last updated 9 years, 9 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
    Participant
    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
    Participant
    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
Poster – WooCommerce Theme
lazy-placeholder
WooPress – WooCommerce WordPress Theme
lazy-placeholder
Lingerie Store – WordPress WooCommerce Theme
lazy-placeholder
Electron Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Photographer – WordPress WooCommerce Theme
lazy-placeholder
Hemp & CDB – WordPress WooCommerce Theme
lazy-placeholder
Corporate – WordPress WooCommerce Theme
lazy-placeholder
Electronic Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Kids Toys Store – WordPress WooCommerce Theme
lazy-placeholder
Spa – 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.