Home › Forums › WoodMart support forum › Allign Add to Cart Product Grid

Allign Add to Cart Product Grid

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 21, 2021 at 8:52 pm #320137

    fjagsantos
    Participant

    Hi,

    I need help alligning the “Add to Cart” Button on my product grids.

    I’ve set the option to limit the product title to two lines (see picture) and added the following code to “Global Custom CSS”

    .product-grid-item .product-title{
    min-height:90px;
    }

    Nonetheless since I have products that only have one line of title, the buttons are still not aligned (see sencond picture). Can you help me adjusting the CSS so that products with short titles still get the title height matching two lines?

    Thanks

    Attachments:
    You must be logged in to view attached files.
    September 22, 2021 at 6:39 am #320198

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please read our detailed documentation about image alignment and content in the following link:
    https://xtemos.com/docs/woodmart/faq-guides/image-size-content-alignment-product-grid/

    It is not possible to change the alignment using CSS because the CSS will work on all products nor for specific products.

    If you still want the CSS then try adding the following Custom CSS.

    .product-grid-item .wd-entities-title {
    min-height: 90px;
}

    Regards.
    Xtemos Studios.

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)