Salient v13.0 Major Release (3/25/2021) is now available.

If you're on a version prior to 10.5 and are considering updating, it's important to read through our update guide before updating to ensure a smooth transition.

Click here to view the update guide

Okay
  Public Ticket #2693739
WooCommerce product boxes different heights
Closed

Comments

  • Ettore started the conversation

    Hi,

    I am sure this has been asked and answered before but I have been searching and trying different things for days and simply can't find a solution.

    My product pages have 3 columns and multiple rows of products listed and each product box is a different height (dependent on the title & description length).

    I would like to be able to set a fixed minimum height for these product boxes so that they are all the same height.

  •  1,652
    Andrew replied

    Hi Ettore,

    Sorry for the delayed response.

    From my end the products seem of the same height. You can amy be send a screenshot to show the one that have different heights.

    Thanks.

  • Ettore replied

    Hi Andrew,

    The main page showing the menu categories does show all the boxes at the same height as there are no descriptions.  However, selecting one of the categories then shows the page with all of the products within that category and these have descriptions of differing length; causing the boxes to be different heights.

    Please see attached screenshot.


    thanks in advance.

    Attached files:  Capture.PNG

  •  1,652
    Andrew replied

    Hi Ettore,

    Please try this css:

    body:not(.woocommerce-cart) .main-content td {
        padding: 0px;
    }

    Thanks.