Return to previous page

Grid view spacing too large - by Michael

This topic has 4 replies, 2 voices, and was last updated 9 years, 6 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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Man Store – WooCommerce Theme
lazy-placeholder
Legenda – E-Commerce and Corporate PSD Theme
lazy-placeholder
Gaming – WooCommerce Theme
lazy-placeholder
Concert Store – WordPress WooCommerce Theme
lazy-placeholder
Designers – WordPress Theme
lazy-placeholder
Niche Market 02 – Multivendor WP WooCommerce Theme
lazy-placeholder
Grocery Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Medical 02 – WordPress WooCommerce Theme
lazy-placeholder
Minimal Store – WordPress WooCommerce Theme
lazy-placeholder
Kids Toys Store – 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.