New to the community? Start here

How do I cause the products in grid view to have the same height.

I have seen some css solutions on prior posts, but do not know where to add the css lines. Is it in the grid.css file located in the folder wp-contentthemesgridmarketcss?

Mon, 1 Jul 2013 14:51:22
  • Paul
    • WPMU DEV Initiate

    Hi Jack,

    Thanks for the prompt reply. I was going to try this css:

    #mp-product-grid div.mp_product_meta a.mp_link_buynow {
    
width:80%;
    
}
    
#mp-product-grid h3.mp_product_name {
    
height:15px;
    
overflow:hidden;
    
}'
    

    
I am using a child theme. Currently this is all that is in the style.css located directly in the gridmarket folder (not in the gridmarketcss folder):

    #mp-product-grid div.mp_product_meta a.mp_link_buynow {

    width:80%;

    }

    #mp-product-grid h3.mp_product_name {

    height:15px;

    overflow:hidden;

    }

    I am also wondering if the images are too large. I noticed that the plugin crops from the left, which i wasn’t expecting, although I kindof like the effect that it doesn’t show the full product on the grid. Is there a way to specify which part of the image gets cropped on the the grid?

    Thanks again,

    Paul

  • Paul
    • WPMU DEV Initiate

    What I meant to show as the current style.css is:

    `/*

    Theme Name: GridMarket

    Theme Date: 08/02/2012

    Version: 1.5.3

    Theme URI: https://wpmudev.com/

    Description: GridMarket a child theme for MarketPress

    Author: Tammie Lister – WPMU DEV – The WordPress Experts

    Author URI: https://wpmudev.com

    Tags: buddypress, fixed-width, custom-background, custom-menu, theme-options, sticky-post, translation-ready, threaded-comments, left-sidebar, two-columns

    License: GNU General Public License, v2 (or newer)

    License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

    Uses BP-Default theme files and styling for BuddyPress components with some customisation for theme.

    Included in theme to allow for own child themes rather than being child of BP-Default

    Template: framemarket

    */

    /* 211580-1372007100 */

  • Jack Kitterhing
    • Code Norris

    Hi there @Paul

    I hope you are well today and sorry about the extreme delay with my reply, that CSS code should work.

    There is currently no way to decide how the image is cropped for display, I’d recommend creating and uploading a thumbnail image manually to be sure it displays 100% how you’d like it to :slight_smile:

    Thank you!

    Kind Regards

    Jack.